@props([
    'title' => 'Hapus Data?',
    'method' => 'post',
    'submitLabel' => 'Simpan',
    'titleClass' => '',
    'buttonClass' => [
        'cancel' => '',
        'submit' => '',
    ],
    'size' => '3xl',
    'noBackdropClose' => 'false',
    'model',
    'action',
])

<x-modal.base
    model="{{ $model }}"
    title="{{ $title }}"
    size="{{ $size }}"
    boxClass="w-full h-full relative overflow-visible"
    titleClass="[&>span]:text-lg {{ $titleClass }}"
    noBackdropClose="{{ $noBackdropClose }}"
>
    <form
        autocomplete="off"
        {{ $attributes->twMerge('w-full relative flex flex-col h-full') }}
    >
        @csrf
        @method($method)

        <x-stack class="w-full space-y-3 my-3 px-2 sm:px-5 max-sm:flex-1">
            {{ $slot }}
        </x-stack>

        <x-group class="w-full h-fit justify-end space-x-3 px-2 py-5 sm:px-5 [&>button]:rounded-lg">
            <x-button
                class="bg-transparent hover:text-white space-x-3 px-6 max-sm:flex-1 {{ $buttonClass['cancel'] ? $buttonClass['cancel'] : 'hover:bg-primary-200 text-primary border border-primary-100' }}"
                x-on:click="close()"
            >
                Batal
            </x-button>

            <x-button
                class="text-white hover:text-white space-x-3 px-6 max-sm:flex-1 {{ $buttonClass['submit'] ? $buttonClass['submit'] : 'hover:bg-primary-200' }}"
                wire:loading.class="cursor-progress pointer-events-none"
                type="submit"
            >
                <span
                    class="hidden animate-spin w-full h-full text-center mx-auto"
                    wire:loading.class.remove="hidden"
                >
                    <i wire:loading.class="ph ph-circle-notch"></i>
                </span>
                <x-text
                    wire:loading.class="hidden"
                    class="pe-3"
                >
                    {{ $submitLabel }}
                </x-text>
            </x-button>
        </x-group>
    </form>
</x-modal.base>