<x-ui.modal :title="__('verify_email.delete_title')">
    <p class="text-sm leading-relaxed text-body">{{ __('verify_email.delete_body') }}</p>

    <x-slot:footer>
        <div class="flex flex-wrap justify-end gap-3">
            <x-ui.button variant="secondary" x-on:click="Livewire.dispatch('closeModal')">
                {{ __('verify_email.delete_keep') }}
            </x-ui.button>
            <x-ui.button variant="danger" wire:click="confirm" wire:loading.attr="disabled" wire:target="confirm">
                {{ __('verify_email.delete_confirm') }}
            </x-ui.button>
        </div>
    </x-slot:footer>
</x-ui.modal>
