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

@php
    $variants = [
        'default' => 'bg-stone-100 text-stone-700 dark:bg-stone-800 dark:text-stone-300',
        'brand' => 'bg-brand-100 text-brand-800 dark:bg-brand-950 dark:text-brand-300',
        'accent' => 'bg-blush-100 text-blush-800 dark:bg-blush-950 dark:text-blush-300',
        'success' => 'bg-green-100 text-green-700 dark:bg-green-950 dark:text-green-400',
        'danger' => 'bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-400',
        'warning' => 'bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-400',
    ];
@endphp

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