refactor: repo (#1070)

packages/web/src/javascripts/Components/Checkbox/Checkbox.tsx

@@ -0,0 +1,28 @@
+import { ChangeEventHandler, FunctionComponent } from 'react'
+
+type CheckboxProps = {
+  name: string
+  checked: boolean
+  onChange: ChangeEventHandler<HTMLInputElement>
+  disabled?: boolean
+  label: string
+}
+
+const Checkbox: FunctionComponent<CheckboxProps> = ({ name, checked, onChange, disabled, label }) => {
+  return (
+    <label htmlFor={name} className="flex items-center fit-content mb-2">
+      <input
+        className="mr-2"
+        type="checkbox"
+        name={name}
+        id={name}
+        checked={checked}
+        onChange={onChange}
+        disabled={disabled}
+      />
+      {label}
+    </label>
+  )
+}
+
+export default Checkbox