{{-- `variant` carries the colour classes; wrap the badge if you need layout classes. --}}
@props(['variant' => 'bg-slate-100 text-slate-700'])

<span class="inline-flex items-center rounded-full px-2.5 py-1 text-[11px] font-semibold whitespace-nowrap {{ $variant }}">
    {{ $slot }}
</span>