{{--
    Un réglage d'un bloc de rapport (chantier JOS-69, phase 3).

    Un seul composant plutôt qu'un `<select>` recopié six fois : les options
    diffèrent d'un réglage à l'autre, mais la façon de les écrire dans
    `blocks.{index}.options.{clé}` est la même partout, et c'est précisément ce
    qu'on ne veut pas voir diverger.
--}}
@props(['index', 'option', 'label', 'choices'])

<select
    wire:model.live="blocks.{{ $index }}.options.{{ $option }}"
    class="rounded-lg border-gray-200 py-1 text-xs dark:border-white/10 dark:bg-gray-900 dark:text-white"
    aria-label="{{ $label }}"
>
    @foreach ($choices as $value => $text)
        <option value="{{ $value }}">{{ $text }}</option>
    @endforeach
</select>