@php
    $styles = [
        'active' => 'bg-teal-50 text-teal-700 ring-teal-600/10',
        'verified' => 'bg-teal-50 text-teal-700 ring-teal-600/10',
        'published' => 'bg-teal-50 text-teal-700 ring-teal-600/10',
        'disabled' => 'bg-slate-100 text-slate-600 ring-slate-500/10',
        'draft' => 'bg-amber-50 text-amber-700 ring-amber-600/10',
        'pending' => 'bg-amber-50 text-amber-700 ring-amber-600/10',
        'error' => 'bg-rose-50 text-rose-700 ring-rose-600/10',
        'failed' => 'bg-rose-50 text-rose-700 ring-rose-600/10',
        'suspended' => 'bg-rose-50 text-rose-700 ring-rose-600/10',
        'archived' => 'bg-slate-100 text-slate-600 ring-slate-500/10',
    ];
    $value = strtolower((string) $status);
@endphp
<span class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-bold capitalize ring-1 ring-inset {{ $styles[$value] ?? 'bg-slate-100 text-slate-600 ring-slate-500/10' }}">
    <span class="status-dot {{ in_array($value, ['active','verified','published']) ? 'bg-teal-500' : (in_array($value, ['error','failed','suspended']) ? 'bg-rose-500' : 'bg-slate-400') }}"></span>
    {{ str_replace('_', ' ', $value) }}
</span>