@props(['status'])

@php
    $styles = [
        'available' => 'bg-emerald-50 text-emerald-800 ring-emerald-200',
        'busy' => 'bg-amber-50 text-amber-800 ring-amber-200',
        'offline' => 'bg-slate-100 text-slate-600 ring-slate-200',
        'paused' => 'bg-violet-50 text-violet-800 ring-violet-200',
    ];
    $label = config('qms.counter_statuses.'.$status, ucfirst($status));
    $class = $styles[$status] ?? 'bg-slate-100 text-slate-700 ring-slate-200';
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset {$class}"]) }}>
    {{ $label }}
</span>