@props(['color' => 'gray'])

@php
$colorClasses = match($color) {
    'gold' => 'bg-gold/20 text-gold-dark',
    'navy' => 'bg-navy text-white',
    'teal' => 'bg-teal-100 text-teal-800',
    'blue' => 'bg-blue-100 text-blue-800',
    'amber' => 'bg-amber-100 text-amber-800',
    'green' => 'bg-green-100 text-green-800',
    'red' => 'bg-red-100 text-red-800',
    default => 'bg-gray-100 text-gray-800',
};
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {$colorClasses}"]) }}>
    {{ $slot }}
</span>