@props(['status' => 'new'])

@php
    $styles = [
        'new'         => 'bg-brand-50 text-brand-700',
        'in_progress' => 'bg-amber-50 text-amber-700',
        'closed'      => 'bg-slate-100 text-slate-500',
    ];
    $labels = ['new' => 'New', 'in_progress' => 'In progress', 'closed' => 'Closed'];
    $cls = $styles[$status] ?? 'bg-slate-100 text-slate-500';
@endphp

<span class="inline-flex items-center text-xs font-semibold px-2.5 py-1 rounded-full {{ $cls }}">{{ $labels[$status] ?? ucfirst($status) }}</span>