@props(['variant' => 'primary', 'type' => 'submit', 'icon' => null, 'size' => 'md', 'href' => null])

@php
    $classes = 'btn-'.$variant;
    if ($size === 'sm') {
        $classes .= ' btn-sm';
    }
@endphp

@if ($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
        @if ($icon)
            <x-icon :name="$icon" class="h-4 w-4" />
        @endif
        {{ $slot }}
    </a>
@else
    <button type="{{ $type }}" {{ $attributes->merge(['class' => $classes]) }}>
        @if ($icon)
            <x-icon :name="$icon" class="h-4 w-4" />
        @endif
        {{ $slot }}
    </button>
@endif