From f46a92d00b73917d40b508f0892ab4a18d7b8b6d Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Thu, 12 Dec 2024 04:37:11 +0100
Subject: [PATCH] Lib: Add text input

---
 src/lib/components/Input.svelte | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/lib/components/Input.svelte

diff --git a/src/lib/components/Input.svelte b/src/lib/components/Input.svelte
new file mode 100644
index 0000000..e3c9953
--- /dev/null
+++ b/src/lib/components/Input.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+  let {
+    id,
+    name,
+    label,
+    placeholder = "",
+    type = "text",
+    value = "",
+    disabled = false,
+    required = false,
+  } = $props();
+</script>
+
+<label
+  for={id}
+  class="input input-bordered mt-2 flex !cursor-default select-none items-center gap-2"
+>
+  {label}
+  <input
+    {id}
+    {name}
+    {type}
+    class={disabled ? "pointer-events-none grow !cursor-default" : "grow"}
+    {disabled}
+    {required}
+    {placeholder}
+    {value}
+  />
+</label>