@props(['status', 'tone' => null])

@php
    $map = [
        'active' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-950/30 dark:text-emerald-400',
        'completed' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-950/30 dark:text-emerald-400',
        'pending' => 'bg-amber-100 text-amber-800 dark:bg-amber-950/30 dark:text-amber-400',
        'cancelled' => 'bg-rose-100 text-rose-800 dark:bg-rose-950/30 dark:text-rose-400',
        'inactive' => 'bg-slate-100 text-slate-700 dark:bg-slate-800/40 dark:text-slate-400',
    ];
    $statusClass = $tone ?: ($map[strtolower($status)] ?? 'bg-slate-100 text-slate-700 dark:bg-slate-800/40 dark:text-slate-400');
@endphp
<span {{ $attributes->merge(['class' => 'inline-block text-xs font-bold px-2.5 py-1 rounded-full ' . $statusClass]) }}>{{ ucfirst($status) }}</span>