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

@php
    $variantClasses = [
        'default' => 'inline-flex items-center rounded-full border border-gray-200 bg-gray-100 px-3 py-1 text-sm font-medium text-gray-800',
        'primary' => 'inline-flex items-center rounded-full border border-primary bg-primary px-3 py-1 text-sm font-medium text-white',
        'primary-subtle' => 'inline-flex items-center rounded-full border border-primary/20 bg-primary/10 px-3 py-1 text-sm font-medium text-primary',
        'secondary' => 'inline-flex items-center rounded-full border border-secondary bg-secondary px-3 py-1 text-sm font-medium text-white',
        'secondary-subtle' => 'inline-flex items-center rounded-full border border-secondary/20 bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary',
    ];
    
    $classes = $variantClasses[$variant] ?? $variantClasses['default'];
@endphp

<span {{ $attributes->merge(['class' => $classes]) }}>
    {{ $slot }}
</span>