@props(['disabled' => false, 'required' => false ])

<x-inputs.label for="{{ $attributes['name'] }}">
    {{ $label }}
    @if ($required)
        <x-span-required />
    @endif
</x-label>
<div class="mt-1">
    <x-inputs.select
        :disabled="$disabled"
        wire:model.debouce.400ms="{{ $attributes['wire:model'] }}"
        wire:change="{{ $attributes['wire:change'] }}"
        name="{{ $attributes['name'] }}"
        autocomplete="{{ $attributes['autocomplete'] }}"
    >
        @isset($append)
            {{ $append }}
        @endisset
    </x-inputs.select>
</div>
@error($attributes['wire:model'])
    <x-errors.span>{{ $message }}</x-errors.span>
@enderror