@props(['variant' => 'success', 'label' => null])

@php
    $classes = match($variant) {
        'success' => 'bg-green-100 text-green-700',
        'warning' => 'bg-amber-100 text-amber-700',
        'danger' => 'bg-red-100 text-red-700',
        'info' => 'bg-blue-100 text-blue-700',
        default => 'bg-zinc-100 text-zinc-600',
    };
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center px-2 py-0.5 rounded-full text-[9px] font-bold uppercase tracking-tighter $classes"]) }}>
    {{ $label ?? $slot }}
</span>
