@props(['label' => null, 'name' => null])

<div>
    @if ($label)
        <label @if($name) for="{{ $name }}" @endif class="block text-sm font-medium text-neutral-700 dark:text-neutral-300">{{ $label }}</label>
    @endif
    <select
        @if($name) id="{{ $name }}" @endif
        {{ $attributes->merge(['class' => 'mt-1.5 block w-full rounded-xl border border-neutral-300 bg-white px-3.5 py-2.5 text-sm text-neutral-900 shadow-sm focus:border-neutral-900 focus:outline-none focus:ring-1 focus:ring-neutral-900 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:focus:border-white dark:focus:ring-white']) }}
    >
        {{ $slot }}
    </select>
    @if ($name)
        @error($name)
            <p class="mt-1.5 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
        @enderror
    @endif
</div>