refactor: move form fields to separate folder

2026-09-02 21:11:43 +05:00
parent a24a182d18
commit 6ec3e75df4
15 changed files with 21 additions and 21 deletions
@@ -0,0 +1,32 @@
+<script lang="ts">
+	interface Props {
+		label: string;
+		checked: boolean;
+		onchange?: (checked: boolean) => void;
+	}
+	let { label, checked = $bindable(), onchange }: Props = $props();
+
+	function handle(e: Event) {
+		checked = (e.target as HTMLInputElement).checked;
+		onchange?.(checked);
+	}
+</script>
+
+<label class="checkbox-field">
+	<input type="checkbox" {checked} onchange={handle} />
+	<span class="checkbox-label">{label}</span>
+</label>
+
+<style>
+	.checkbox-field {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.5rem;
+		font-size: 0.85rem;
+		color: var(--foreground);
+		cursor: pointer;
+	}
+	.checkbox-field input {
+		accent-color: var(--blue);
+	}
+</style>