#49 ぼちぼち

2025-06-28 02:32:40 +09:00
parent ba1c1f1adf
commit 8020586ec6
19 changed files with 168 additions and 106 deletions
@@ -0,0 +1,28 @@
+import React from 'react'
+
+type Props = { children:  React.ReactNode
+               checkBox?: { label:    string
+                            checked:  boolean
+                            onChange: (event: React.ChangeEvent<HTMLInputElement>) => void } }
+
+
+export default ({ children, checkBox }: Props) => {
+  if (!(checkBox))
+    {
+      return (
+          <label className="block font-semibold mb-1">
+            {children}
+          </label>)
+    }
+
+  return (
+      <div className="flex gap-2 mb-1">
+        <label className="flex-1 block font-semibold">{children}</label>
+        <label className="flex items-center block gap-1">
+          <input type="checkbox"
+                 checked={checkBox.checked}
+                 onChange={checkBox.onChange} />
+          {checkBox.label}
+        </label>
+      </div>)
+}