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

@php
    $palette = [
        'emerald' => 'bg-emerald-50 text-emerald-700 ring-emerald-600/20',
        'amber' => 'bg-amber-50 text-amber-700 ring-amber-600/20',
        'rose' => 'bg-rose-50 text-rose-700 ring-rose-600/20',
        'sky' => 'bg-sky-50 text-sky-700 ring-sky-600/20',
        'indigo' => 'bg-indigo-50 text-indigo-700 ring-indigo-600/20',
        'slate' => 'bg-slate-100 text-slate-700 ring-slate-500/20',
    ];
@endphp

<span {{ $attributes->class([
    'inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium ring-1 ring-inset whitespace-nowrap',
    $palette[$color] ?? $palette['slate'],
]) }}>{{ $slot }}</span>