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

@php
    $variants = [
        'success' => 'bg-[color-mix(in_srgb,var(--color-success)_15%,transparent)] text-[var(--color-success)]',
        'danger' => 'bg-[color-mix(in_srgb,var(--color-danger)_15%,transparent)] text-[var(--color-danger)]',
        'warning' => 'bg-[color-mix(in_srgb,var(--color-warning)_15%,transparent)] text-[var(--color-warning)]',
        'info' => 'bg-[color-mix(in_srgb,var(--color-info)_15%,transparent)] text-[var(--color-info)]',
        'secondary' => 'bg-[var(--color-bg)] text-[var(--color-text-muted)]',
        'primary' => 'bg-[color-mix(in_srgb,var(--color-primary)_15%,transparent)] text-[var(--color-primary)]',
    ];
    $variantClass = $variants[$variant] ?? $variants['secondary'];
@endphp

<span {{ $attributes->merge(['class' => "tw-badge {$variantClass}"]) }}>
    {{ $slot }}
</span>