@props(['text' => null, 'showDot' => true])

<div {{ $attributes->merge(['class' => 'inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-primary/10 border border-primary/30 text-primary text-xs font-mono font-semibold']) }}>
    @if($showDot)
        <span class="w-1.5 h-1.5 rounded-full bg-primary animate-pulse"></span>
    @endif
    <span>{{ $text ?? $slot }}</span>
</div>