@props(['value'])
@php
$map = [
  'pending' => 'bg-accent-container text-on-accent-container', 'confirmed' => 'bg-tertiary-container text-on-tertiary-container',
  'processing' => 'bg-tertiary-container text-on-tertiary-container', 'packed' => 'bg-tertiary-container text-on-tertiary-container',
  'shipped' => 'bg-secondary-container text-on-secondary-container', 'delivered' => 'bg-secondary-container text-on-secondary-container',
  'completed' => 'bg-secondary-container text-on-secondary-container', 'cancelled' => 'bg-error-container text-on-error-container',
];
@endphp
<span class="inline-flex rounded-full px-3 py-1 text-xs font-extrabold uppercase tracking-wider {{ $map[$value] ?? 'bg-surface-variant text-on-surface-variant' }}">{{ __(ucfirst($value)) }}</span>