@props([
    'state' => null,
])

@php
    $class = 'block w-full px-3 py-2 border border-gray-300 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5';

    if ($state === false) {
        $class .= ' border-red-300 text-red-900 placeholder-red-300 focus:border-red-300 focus:shadow-outline-red';
    }
@endphp

<div class="mt-1 rounded-md shadow-sm">
    <select
        {{ $attributes->merge(compact('class')) }}
    >
        {{ $slot }}
    </select>
</div>