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

@php
    $map = [
        'gray'   => 'bg-line text-sub',
        'blue'   => 'bg-brand-soft text-brand-dark',
        'orange' => 'bg-accent-soft text-accent',
        'green'  => 'bg-emerald-50 text-emerald-600',
        'amber'  => 'bg-amber-50 text-amber-600',
        'red'    => 'bg-red-50 text-red-600',
    ];
    $classes = $map[$color] ?? $map['gray'];
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-[11px] font-semibold whitespace-nowrap $classes"]) }}>
    {{ $slot }}
</span>