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

@php
    $base = 'inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold';

    $variants = [
        'default' => 'bg-bg-soft border border-line text-ink-2',
        'primary' => 'bg-primary text-white border border-primary',
        'success' => 'bg-green-soft text-green-ink border border-green-soft',
        'warning' => 'bg-amber-soft text-amber-ink border border-amber-soft',
    ];
@endphp

<span {{ $attributes->merge(['class' => "{$base} {$variants[$variant]}"]) }}>
    {{ $slot }}
</span>