@props(['color' => 'slate'])
@php
    $map = [
        'slate' => 'bg-slate-100 text-slate-700',
        'indigo' => 'bg-indigo-100 text-indigo-700',
        'green' => 'bg-green-100 text-green-700',
        'red' => 'bg-red-100 text-red-700',
        'amber' => 'bg-amber-100 text-amber-700',
        'blue' => 'bg-blue-100 text-blue-700',
    ];
    $classes = $map[$color] ?? $map['slate'];
@endphp
<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium $classes"]) }}>
    {{ $slot }}
</span>
