@props([
    'variant' => 'neutral',
    'size' => 'md',
    'dot' => false,
])

@php
    $variantClass = match ($variant) {
        'success' => 'ui-badge-success',
        'warning' => 'ui-badge-warning',
        'danger' => 'ui-badge-danger',
        'info' => 'ui-badge-info',
        'primary' => 'ui-badge-primary',
        default => 'ui-badge-neutral',
    };

    $sizeClass = match ($size) {
        'sm' => 'ui-badge-sm',
        'lg' => 'ui-badge-lg',
        default => 'ui-badge-md',
    };
@endphp

<span
    {{ $attributes->class([
        'ui-badge',
        $variantClass,
        $sizeClass,
    ]) }}
>
    @if ($dot)
        <span class="ui-badge-dot" aria-hidden="true"></span>
    @endif

    {{ $slot }}
</span>