@props([
    'href' => null,
    'type' => 'button',
    'variant' => 'primary',
    'class' => '',
])

@php
    $variants = [
        'primary' => 'bg-[#4b1a22] text-amber-50 hover:bg-[#3e141b] focus:ring-amber-200',
        'secondary' => 'bg-amber-100 text-amber-900 hover:bg-amber-200 focus:ring-amber-200',
        'danger' => 'bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-200',
        'ghost' => 'border border-amber-200 text-amber-900 hover:bg-amber-50 focus:ring-amber-200',
    ];
    $base = 'inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold focus:outline-none focus:ring-2';
    $classes = $base . ' ' . ($variants[$variant] ?? $variants['primary']) . ' ' . $class;
@endphp

@if($href)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
        {{ $slot }}
    </a>
@else
    <button type="{{ $type }}" {{ $attributes->merge(['class' => $classes]) }}>
        {{ $slot }}
    </button>
@endif
