@props([
    'multiple' => false
])

<select
    x-data="{selected: @js($multiple ? '{}' : ''), selectBox: ''}"
    class="form-select form-control tom-select"
    @if (isset($required) && $required == 'true') required="required" @endif
    @if($multiple) multiple @endif
    x-ref="select"
    x-init="
         selectBox = new TomSelect($refs.select,{
                onChange: (value) => {
                    selected = value;
                },
                @if($multiple)
                 plugins: ['remove_button'],
                @endif
          });
{{--         $watch('selected', (value) => {--}}
{{--            selectBox.setValue(value);--}}
{{--         })--}}
        "
    x-modelable="selected"
    {{ $attributes }}
>
    {{ $slot }}
</select>