@props([
'items' => false,
'key' => 'id',
'value' => 'name'
])

<select {!! $attributes->merge(['class' => 'block w-full py-2 px-3 border border-secondary-300 dark:border-secondary-700 dark:text-secondary-300 bg-white dark:bg-secondary-700 rounded-md shadow-sm focus:outline-none focus:ring focus:ring-primary-500 focus:border-primary-500 focus:ring-opacity-50 sm:text-sm']) !!}>
    @if($items)
        @foreach($items as $item)
            <option value="{{ $item->{$key} }}">{{ $item->{$value} }}</option>
        @endforeach
    @else
        {{ $slot }}
    @endif
</select>