@props([
    'variant' => 'primary',
    'size' => 'md',
])

@php
$base = 'inline-flex items-center gap-1.5 font-medium rounded-full';

$variants = [
    'primary' => 'bg-brand-50 text-brand-700',
    'accent' => 'bg-accent-100 text-accent-700',
    'danger' => 'bg-danger-50 text-danger-700',
    'neutral' => 'bg-gray-100 text-gray-700',
];

$sizes = [
    'sm' => 'px-2.5 py-0.5 text-xs',
    'md' => 'px-3 py-1 text-sm',
];

$classes = $base . ' ' . ($variants[$variant] ?? $variants['primary']) . ' ' . ($sizes[$size] ?? $sizes['md']);
@endphp

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