<script lang="ts">
    let country: string | undefined = $state(undefined);

    const countries = [
        { value: "fr", label: "France" },
        { value: "de", label: "Germany" },
        { value: "es", label: "Spain" },
    ];
</script>

<Select
    bind:value={country}
    options={countries}
    label="Country"
    placeholder="Choose a country"
    hint="Select your country of residence"
/>