@props(['name', 'label'])
<div class="flex items-center space-x-3">
    <label for="{{ $name }}" class="block text-sm text-gray-500">{{ $label }}:</label>
    <select name="{{ $name }}" class="bg-gray-100 text-gray-900 text-sm rounded-lg p-2.5" {{ $attributes }}>
        {{ $slot }}
    </select>
    <div>
        @error($name)
            <span class="error-text">{{ $message }}</span>
        @enderror
    </div>
</div>
