@props([
    'icon' => '',
    'size' => 'md',
    'variant' => 'circle',
    'color' => 'primary',
    'confirm' => false,
])

@php
    $classes = [
        'action-button',
        "action-button-{$size}",
        "action-button-{$variant}",
        "action-button-{$color}"
    ];
@endphp

<button {{ $attributes->merge(['class' => implode(' ', $classes), 'type' => 'button']) }}
    @if($confirm) onclick="confirm('Êtes vous sûr(e) de vouloir {{ is_string($confirm) ? $confirm : 'effectuer cette action' }} ?') || event.stopImmediatePropagation()" @endif
>
    @if($icon)
        <x-ui.nicon :name="$icon" />
    @endif
    @if($slot->isNotEmpty())
        <span class="action-button-label">{{ $slot }}</span>
    @endif
</button>