@props(['variant' => 'edit', 'disabled' => false])

@php
    $icon = match ($variant) {
        'danger' => 'trash',
        'search' => 'search',
        'clear' => 'clear',
        'history' => 'check',
        'up' => 'chevron-up',
        'down' => 'chevron-down',
        'reset-password' => 'key',
        'groups' => 'users',
        'fingerprint' => 'fingerprint',
        default => 'edit',
    };

    $class = match ($variant) {
        'search' => 'btn-secondary btn-icon',
        'clear' => 'btn-ghost btn-icon',
        default => 'btn-action btn-action-'.$variant,
    };

    $title = $attributes->get('aria-label');
    $merge = ['class' => $class];
    if (is_string($title) && $title !== '') {
        $merge['title'] = $title;
    }
    if ($variant === 'clear') {
        $merge['data-catalog-clear'] = '';
    }
@endphp

<button type="button" {{ $attributes->merge($merge) }} @disabled($disabled)>
    <x-icon :name="$icon" class="h-4 w-4" />
</button>