enable grasscutter checkbox

src/ui/components/common/Checkbox.tsx

@@ -1,15 +1,32 @@
 import React from 'react'
 
 interface IProps {
-
+  label: string
 }
 
 interface IState {
-
+  checked: boolean
 }
 
 export default class Checkbox extends React.Component<IProps, IState> {
   constructor(props: IProps) {
     super(props)
+
+    this.state = {
+      checked: false,
+    }
+  }
+
+  handleChange = () => {
+    this.setState({ checked: !this.state.checked })
+  }
+
+  render() {
+    return (
+      <div className="Checkbox">
+        <input type="checkbox" onChange={this.handleChange} />
+        <label>{this.props.label}</label>
+      </div>
+    )
   }
 }