<flux:modal name="{{ $modalName }}" class="w-[22rem]">
    <div class="space-y-6">
        <div>
            <flux:heading size="lg">{{ $modalTitle }}</flux:heading>
            <flux:text class="mt-2">{{ $modalMessage }}</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="{{ $buttonVariant }}" color="{{ $buttonColor }}"
                wire:click="{{ $target }}('{{ $confirmingId }}')">
                {{ $buttonText }}
            </flux:button>
        </div>
    </div>
</flux:modal>
