@props(['color' => 'slate'])
@php($colors = [
    'maroon' => 'bg-maroon/10 text-maroon ring-maroon/20 dark:bg-gold/10 dark:text-gold-light dark:ring-gold/30',
    'gold'   => 'bg-gold/15 text-amber-800 ring-gold/40 dark:bg-gold/10 dark:text-gold-light dark:ring-gold/30',
    'green'  => 'bg-emerald-50 text-emerald-700 ring-emerald-600/20 dark:bg-emerald-500/10 dark:text-emerald-300 dark:ring-emerald-500/30',
    'red'    => 'bg-red-50 text-red-700 ring-red-600/20 dark:bg-red-500/10 dark:text-red-300 dark:ring-red-500/30',
    'slate'  => 'bg-slate-100 text-slate-700 ring-slate-500/20 dark:bg-slate-800 dark:text-slate-300 dark:ring-slate-700',
])
<span {{ $attributes->merge(['class' => 'inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset '.$colors[$color]]) }}>
    {{ $slot }}
</span>