{{-- One button, the theme's intents. Renders an <a wire:navigate> when given href.
     `navigate` false for the restaurant panel, whose theme JS binds only on a full load. --}}
@props(['variant' => 'primary', 'type' => 'button', 'href' => null, 'navigate' => true])

@php
    $classes = match ($variant) {
        'primary' => 'btn btn-primary shadow-md',
        'secondary' => 'btn btn-outline-secondary bg-white',
        'ghost' => 'text-sm font-medium text-slate-500 transition hover:text-slate-800 disabled:opacity-50',
        'danger' => 'text-sm font-medium text-danger transition hover:opacity-80 disabled:opacity-50',
        'danger-solid' => 'btn btn-danger shadow-md',
    };
@endphp

@if ($href)
    <a href="{{ $href }}" @if ($navigate) wire:navigate @endif {{ $attributes->class($classes) }}>{{ $slot }}</a>
@else
    <button type="{{ $type }}" {{ $attributes->class($classes) }}>{{ $slot }}</button>
@endif