From 06de2a0003fca0fa025b26043067b05c222f463c Mon Sep 17 00:00:00 2001
From: Clement <c.boesmier@aptatio.com>
Date: Sat, 1 Jun 2024 19:26:22 +0200
Subject: [PATCH] add checkbox composant

---
 front/src/components/CheckBox.astro | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 front/src/components/CheckBox.astro

diff --git a/front/src/components/CheckBox.astro b/front/src/components/CheckBox.astro
new file mode 100644
index 0000000..d2a2111
--- /dev/null
+++ b/front/src/components/CheckBox.astro
@@ -0,0 +1,29 @@
+---
+import type { Input as Props } from 'types';
+
+const { checked ,name, label, autocomplete, placeholder, divClass, inputClass} = Astro.props;
+
+---
+
+<>
+  {
+    name && (
+      <div class={"flex flex-row items-center " + divClass}>
+        <input
+          type="checkbox"
+          name={name}
+          id={name}
+          checked={checked}
+          autocomplete={autocomplete}
+          placeholder={placeholder}
+          class={"mr-2 size-5 " + inputClass}
+        />
+        {label && (
+          <label for={name} class="block text-lg font-medium">
+            {label}
+          </label>
+        )}
+      </div>
+    )
+  }
+</>