@props([
    'type'         => 'warning', // icon type: warning, error, success, info
    'title'        => 'Are you sure?',
    'description'  => 'This action cannot be undone.',
    'acceptLabel'  => 'Confirm',
    'acceptColor'  => 'positive', // WireUI keys: primary, positive, negative, warning, info
    'rejectLabel'  => 'Cancel',
    'rejectColor'  => 'secondary',
    'action'       => '',
    'actionParams' => [],
    'formRef'      => null
])

@php
    // Logic to determine if we submit a standard form or a Livewire action
    $executeJs = $formRef
        ? "\$refs['{$formRef}'].submit()"
        : "\$wire.{$action}(" . collect($actionParams)->implode(', ') . ")";
@endphp

<button
    type="button"
    {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-sm text-left']) }}
    x-on:click="$wireui.confirmDialog({
        title: @js($title),
        description: @js($description),
        icon: @js($type),
        accept: {
            label: @js($acceptLabel),
            color: @js($acceptColor),
            execute: () => { {!! $executeJs !!} }
        },
        reject: {
            label: @js($rejectLabel),
            color: @js($rejectColor)
        }
    })"
>
    {{ $slot }}
</button>