@props(['variant' => 'default', 'class' => ''])

@php
    $variants = [
        'default' => 'bg-amber-100 text-amber-900',
        'success' => 'bg-emerald-100 text-emerald-700',
        'danger' => 'bg-rose-100 text-rose-700',
        'warning' => 'bg-amber-100 text-amber-700',
        'info' => 'bg-sky-100 text-sky-700',
    ];
@endphp

<span {{ $attributes->merge(['class' => 'inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold ' . ($variants[$variant] ?? $variants['default']) . ' ' . $class]) }}>
    {{ $slot }}
</span>
