@props(['name', 'label', 'options' => [], 'value' => null, 'bag' => 'default', 'required' => false, 'srOnlyLabel' => false])
@php
    $id = $attributes->get('id', 'campo-'.$name);
    $error = $errors->getBag($bag)->first($name);
    $selected = old($name, $value);
@endphp
<div {{ $attributes->only('class') }}>
    <label for="{{ $id }}" class="{{ $srOnlyLabel ? 'sr-only' : 'block text-sm font-medium text-slate-700' }}">{{ $label }}</label>
    <select id="{{ $id }}" name="{{ $name }}" @if ($required) required @endif @if ($error) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
        {{ $attributes->except(['class', 'id'])->merge(['class' => ($srOnlyLabel ? '' : 'mt-1.5 ').'block w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 shadow-xs focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-200']) }}>
        @foreach ($options as $optionValue => $optionLabel)
            <option value="{{ $optionValue }}" @selected((string) $selected === (string) $optionValue)>{{ $optionLabel }}</option>
        @endforeach
    </select>
    @if ($error)
        <p id="{{ $id }}-error" class="mt-1.5 text-xs font-medium text-red-600">{{ $error }}</p>
    @endif
</div>