@props([
    'name',
    'id' => null,
    'required' => false,
])

<select
    name="{{ $name }}"
    id="{{ $id ?? $name }}"
    {{ $required ? 'required' : '' }}
    {{ $attributes->merge([
        'class' => 'mt-1 block w-full rounded-md shadow-sm
                    border-gray-300 focus:border-indigo-500
                    focus:ring focus:ring-indigo-200 focus:ring-opacity-50
                    px-3 py-2'
    ]) }}
>
    {{ $slot }}
</select>