@props([
    'id' => null,
    'name',
    'label' => null,
    'value' => null, // valor default (ex: model)
    'placeholder' => null,
    'required' => false,
    'disabled' => false,
])

@php
    $selectId = $id ?? $name;
    $current = old($name, $value);
@endphp

<div {{ $attributes->except(['class'])->merge(['class' => 'space-y-1']) }}>
    @if($label)
        <label for="{{ $selectId }}" class="block text-sm font-medium text-gray-700">
            {{ $label }} @if($required) <span class="text-red-600">*</span> @endif
        </label>
    @endif

    <select
        id="{{ $selectId }}"
        name="{{ $name }}"
        @if($required) required @endif
        @if($disabled) disabled @endif
        class="block w-full rounded-md border px-3 py-2 text-sm
               @error($name) border-red-500 focus:ring-red-500 @else border-gray-300 focus:ring-indigo-500 @enderror"
    >
        @if(!is_null($placeholder))
            <option value="">{{ $placeholder }}</option>
        @endif

        {{ $slot }}
    </select>

    @error($name)
        <p class="text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>