<script lang="ts">
    import type { Writable } from "svelte/store"

    export let label = "" // Der Text, der neben der Checkbox angezeigt wird
    export let bindValue: any // Der Wert der Checkbox
    export let formValues: Writable<FormValues> // Das formValues-Objekt aus dem übergeordneten Komponenten
    export let id = "" // Eindeutige ID für die Checkbox, um den Label korrekt zuzuweisen
    export let name = "" // Name des Formularelements
</script>

<label class="checkbox-container" for="{id}">
    <input type="checkbox" bind:checked="{bindValue}" id="{id}" name="{name}" bind:this="{formValues[name]}" />
    <span>{label}</span>
</label>

<style>
    /* Sie können hier den Stil für Ihre Checkbox anpassen */
</style>
