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