@props(['status'])

@php
    $styles = [
        'DRAFT'    => 'bg-slate-100 text-slate-700 ring-slate-500/15',
        'SENT'     => 'bg-accent-50 text-accent-700 ring-accent-600/15',
        'ACCEPTED' => 'bg-emerald-50 text-emerald-700 ring-emerald-600/15',
        'REJECTED' => 'bg-brand-red-50 text-brand-red-700 ring-brand-red-600/15',
        'EXPIRED'  => 'bg-brand-yellow-50 text-brand-yellow-800 ring-brand-yellow-600/20',
    ];
    $class = $styles[$status] ?? 'bg-slate-100 text-slate-700 ring-slate-500/15';
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-[11px] font-semibold uppercase tracking-wide ring-1 ring-inset {$class}"]) }}>
    {{ $status }}
</span>