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

@php
    $baseClasses = 'inline-flex items-center justify-center rounded-xl border px-4 py-2 text-sm font-semibold uppercase tracking-wider transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60';

    $variants = [
        'primary' => 'border-firefit-red bg-firefit-red text-white hover:bg-firefit-black hover:border-firefit-black focus-visible:ring-firefit-red',
        'gold' => 'border-firefit-gold bg-firefit-gold text-firefit-black hover:bg-firefit-red hover:border-firefit-red hover:text-white focus-visible:ring-firefit-gold',
        'ghost' => 'border-white/30 bg-transparent text-white hover:border-firefit-gold hover:text-firefit-gold focus-visible:ring-firefit-gold',
        'outline' => 'border-firefit-black/20 bg-white text-firefit-charcoal hover:border-firefit-red hover:text-firefit-red focus-visible:ring-firefit-red',
    ];

    $variantClasses = $variants[$variant] ?? $variants['primary'];
@endphp

<button type="{{ $type }}" {{ $attributes->class("{$baseClasses} {$variantClasses}") }}>
    {{ $slot }}
</button>