<flux:modal name="delete" class="w-[22rem]">
    <div class="space-y-6">
        <div>
            <flux:heading size="lg">{{ $confirmingTitle }}</flux:heading>
            <flux:text class="mt-2">{{ $confirmingMessage }}</flux:text>
        </div>
        <div class="flex gap-2">
            <flux:spacer />
            <flux:modal.close>
                <flux:button variant="ghost">Batal</flux:button>
            </flux:modal.close>
            <flux:button type="submit" variant="danger" wire:click="delete('{{ $confirmingId }}')">
                {{ $confirmingButtonText }}
            </flux:button>
        </div>
    </div>
</flux:modal>
