@props([
    'icon' => null,
    'options' => [],
])

<div class="relative">
    @if ($icon)
        <div class="absolute top-0 left-0 flex items-center h-full px-2">
            <x-icon :name="$icon" class="w-3" />
        </div>
    @endif

    <select
        {{ $attributes->merge([
            'class' =>
                'w-full px-2 py-1 pl-8 border border-gray-300 rounded-md focus:outline-0 focus:ring-amber-500 focus:border-amber-500',
        ]) }}>
        @foreach ($options as $value => $label)
            <option value="{{ $value }}">{{ $label }}</option>
        @endforeach
    </select>
</div>