@props(['variant' => 'primary'])

@php
    $variants = [
        'primary' => 'bg-blue-50 text-booklio-primary',
        'success' => 'bg-emerald-50 text-emerald-600',
        'warning' => 'bg-amber-50 text-amber-600',
        'danger' => 'bg-red-50 text-red-600',
        'purple' => 'bg-violet-50 text-violet-600',
        'muted' => 'bg-slate-100 text-slate-600',
    ];
@endphp

<span {{ $attributes->merge(['class' => 'inline-flex max-w-full items-center overflow-hidden text-ellipsis whitespace-nowrap rounded-full px-2.5 py-1 text-xs font-bold ' . ($variants[$variant] ?? $variants['primary'])]) }}>
    {{ $slot }}
</span>