@props(['name', 'label', 'options', 'type'])

<label for="{{ $name }}" class="block text-gray-700 text-sm font-semibold mb-2">{{ $label }}</label>
<select id="{{ $name }}" wire:model="{{ $name }}" {{$type ?? '' }}
    class="form-input transition duration-300 ease-linear p-3 border border-gray-300 rounded-md w-full focus:outline-none  ">
    <option value="">Select </option>
    @foreach ($options as $item)
        <option value="{{ $item['value'] }}">{{ $item['label'] }}</option>
    @endforeach
</select>