@props([
    'open' => false,
    'title' => 'Confirmar',
    'message' => '',
    'confirmLabel' => 'Confirmar',
    'confirmVariant' => 'danger',
    'cancelLabel' => 'Cancelar',
    'close' => 'closeConfirmation',
    'confirm' => 'confirmAction',
])

<x-ui.modal :open="$open" :title="$title" :close="$close">
    <p class="text-sm text-mute">{{ $message }}</p>
    <div class="modal-actions mt-6">
        <x-ui.button variant="secondary" type="button" wire:click="{{ $close }}">{{ $cancelLabel }}</x-ui.button>
        <x-ui.button :variant="$confirmVariant" type="button" wire:click="{{ $confirm }}">{{ $confirmLabel }}</x-ui.button>
    </div>
</x-ui.modal>