@props(['label'])

<div class="mb-4">
    @if($label)
        <label for="{{ $attributes->get('id') ?? $attributes->wire('model')->value() ?? '' }}" 
               class="block text-sm font-medium text-gray-700">
            {{ $label }}
        </label>
    @endif

    <select
        {{ $attributes->merge([
            'class' => 'mt-1 px-4 py-2 text-sm block w-full rounded-md border border-gray-300 bg-white shadow-sm
                        focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50
                        ' . ($errors->has($attributes->wire('model')->value()) ? 'border-red-500' : '')
        ]) }}
    >
        {{ $slot }}
    </select>

    @error($attributes->wire('model')->value())
        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>