@props(['tone' => 'default'])

@php
    $classes = match ($tone) {
        'accent' => 'bg-emerald-50 text-accent-foreground',
        'loyalty' => 'bg-amber-50 text-amber-800',
        default => 'bg-stone text-muted',
    };
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-3 py-1 text-[10px] font-bold uppercase tracking-widest {$classes}"]) }}>{{ $slot }}</span>