@php($field = $getField())
<div>
    <label class="block font-medium text-sm text-gray-700 mb-1">{{ $field->getLabel() }}</label>
    <input
        type="text"
        wire:model.lazy="state"
        class="filament-forms-input w-full border-gray-300 rounded-md shadow-sm focus:ring focus:ring-opacity-50"
        placeholder="Procure por nome, idade, doença, tags..."
        autocomplete="off"
        @if($field->isDisabled()) disabled @endif
    >
    @if($field->getOptions())
        <div class="mt-2 bg-white border rounded shadow max-h-56 overflow-auto">
            @foreach($field->getOptions() as $key => $label)
                <div
                    class="px-3 py-2 cursor-pointer hover:bg-blue-100 {{ $field->getState() == $key ? 'bg-blue-50 font-bold' : '' }}"
                    wire:click="$set('state', '$key')"
                >
                    {{ $label }}
                </div>
            @endforeach
        </div>
    @endif
    @error($field->getName())
        <div class="text-red-600 text-xs mt-1">{{ $message }}</div>
    @enderror
</div>