@props([
    'name' => null,
    'required' => false,
    'disabled' => false,
    'size' => 'md',
    'error' => null,
])

@php
    $sizeClasses = [
        'sm' => 'px-2.5 py-1.5 text-xs',
        'md' => 'px-3 py-2 text-xs',
        'lg' => 'px-3.5 py-2.5 text-sm',
    ];

    $errors = $errors ?? new \Illuminate\Support\ViewErrorBag;
    $hasError = (bool) ($error ?? ($name && $errors->has($name)));
    $borderClasses = $hasError
        ? 'border-rose-500/80 focus:border-rose-500 focus:ring-1 focus:ring-rose-500/40'
        : 'border-slate-700/60 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/40';

    $classes = 'w-full bg-slate-900 border rounded-lg text-white outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed ' . ($sizeClasses[$size] ?? $sizeClasses['md']) . ' ' . $borderClasses;
@endphp

<select
    @if($name) name="{{ $name }}" @endif
    @if($required) required @endif
    @if($disabled) disabled @endif
    {{ $attributes->merge(['class' => $classes]) }}
>
    {{ $slot }}
</select>