@props([
    'id' => null,
    'name',
    'label' => ucfirst($name),
    'options' => [],
    'required' => false,
])

@php
    $id = $id ?? $name;
@endphp

<div>
    <label for="{{ $id }}" class="block text-sm font-medium text-gray-700">
        {{ $label }}{{ $required ? ' *' : '' }}
    </label>
    <select
        name="{{ $name }}"
        id="{{ $id }}"
        {{ $required ? 'required' : '' }}
        {{ $attributes->merge(['class' => 'form-select w-full mt-1 rounded border-gray-300 shadow-sm']) }}
    >
        {{ $slot }}
    </select>
</div>