@props([
    'href' => null,
    'type' => 'button',
    'variant' => 'primary',
    'size' => 'md',
    'loadingText' => 'Processando...',
    'disabled' => false,
    'fullWidth' => false,
])

@php
    $variantClass = match ($variant) {
        'secondary' => 'ui-btn-secondary',
        'success' => 'ui-btn-success',
        'danger' => 'ui-btn-danger',
        'warning' => 'ui-btn-warning',
        'info' => 'ui-btn-info',
        'ghost' => 'ui-btn-ghost',
        default => 'ui-btn-primary',
    };

    $sizeClass = match ($size) {
        'sm' => 'ui-btn-sm',
        'lg' => 'ui-btn-lg',
        default => 'ui-btn-md',
    };

    $classes = [
        'ui-btn',
        $variantClass,
        $sizeClass,
        'w-full' => $fullWidth,
    ];
@endphp

@if ($href && !$disabled)
    <a
        href="{{ $href }}"
        {{ $attributes->class($classes) }}
    >
        @isset($icon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $icon }}
            </span>
        @endisset

        {{ $slot }}

        @isset($trailingIcon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $trailingIcon }}
            </span>
        @endisset
    </a>
@elseif ($href && $disabled)
    <span
        aria-disabled="true"
        {{ $attributes->class(array_merge(
            $classes,
            ['pointer-events-none opacity-60']
        )) }}
    >
        @isset($icon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $icon }}
            </span>
        @endisset

        {{ $slot }}

        @isset($trailingIcon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $trailingIcon }}
            </span>
        @endisset
    </span>
@else
    <button
        type="{{ $type }}"
        data-loading-text="{{ $loadingText }}"
        @disabled($disabled)
        {{ $attributes->class($classes) }}
    >
        @isset($icon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $icon }}
            </span>
        @endisset

        {{ $slot }}

        @isset($trailingIcon)
            <span class="ui-btn-icon" aria-hidden="true">
                {{ $trailingIcon }}
            </span>
        @endisset
    </button>
@endif