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

@php
$class = match($variant) {
    'accent' => 'bg-accent/10 text-accent',
    'muted' => 'bg-section text-muted',
    'success' => 'bg-success/10 text-success',
    default => 'bg-primary/10 text-primary',
};
@endphp

<span {{ $attributes->merge(['class' => "inline-flex rounded-full px-3 py-1 text-xs font-medium {$class}"]) }}>{{ $slot }}</span>