@use(App\UI\Enums\InputType)
<x-modal id="update-setting-modal" :title="$this->title" form wire:submit="save" livewire>
    <div class="row">
        <div class="col-sm-12" wire:key="{{ $settingKey }}">
            @if ($this->inputField)
                <x-dynamic-component
                    :component="$this->inputField?->type->component()"
                    :attributes="new Illuminate\View\ComponentAttributeBag($this->inputField?->attributes)"
                    wire:model="settingValue"
                />
            @endif
        </div>
    </div>
    <x-slot:footer>
        <x-button theme="success" type="submit" :label="__('ui/button.update')" />
        <x-button theme="secondary" data-bs-dismiss="modal" :label="__('ui/button.cancel')" />
    </x-slot:footer>
    @push('scripts')
        @filepondScripts
    @endpush
</x-modal>