@props([
    'type' => 'warning',
    'title' => 'Are you sure?',
    'description' => 'This action cannot be undone.',
    'acceptLabel' => 'Confirm',
    'acceptColor' => 'green',
    'rejectLabel' => 'Cancel',
    'rejectColor' => 'gray',
    'action' => '',
    'actionParams' => [],
    'formRef' => null
])

@php
    $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>