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

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

diff --git a/src/lib/components/Password.svelte b/src/lib/components/Password.svelte
new file mode 100644
index 0000000..93ff5ad
--- /dev/null
+++ b/src/lib/components/Password.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  let { id, name, disabled = false } = $props();
+</script>
+
+<label for={id} class="input input-bordered mt-2 flex items-center gap-2">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    class="h-4 w-4 opacity-70"
+  >
+    <path
+      fill-rule="evenodd"
+      d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z"
+      clip-rule="evenodd"
+    />
+  </svg>
+  <input
+    {id}
+    {name}
+    type="password"
+    class="grow"
+    {disabled}
+    required
+    placeholder="Password"
+  />
+</label>