@props(['table', 'name', 'label'])

<label class="flex items-center gap-2 text-sm text-gray-600">
    <span>{{ $label }}</span>

    {{-- data-searchable turns this into a Select2 box in app.js; data-width keeps it compact next to the other filters. --}}
    <select name="{{ $name }}" data-datatable-filter="{{ $table }}" data-searchable data-width="13rem" {{ $attributes->merge(['class' => 'rounded-lg border-gray-300 py-2 text-sm text-gray-700 shadow-sm focus:border-brand-500 focus:ring-brand-500']) }}>
        {{ $slot }}
    </select>
</label>