@props([
    'title' => 'Are you sure?',
    'text' => '',
    'confirmText' => 'Delete',
    'cancelText' => 'Cancel',
    'danger' => true,
    'variant' => 'danger',
    'icon' => 'warning',
])

<x-forms.button type="button" :variant="$variant" x-data=""
    @click="
        window.adminConfirm({
            title: @js($title),
            text: @js($text),
            confirmText: @js($confirmText),
            cancelText: @js($cancelText),
            danger: @js($danger),
            icon: @js($icon),
        }).then((confirmed) => { if (confirmed) $el.closest('form').submit(); })
    "
    {{ $attributes }}>
    {{ $slot }}
</x-forms.button>