@props(['tone' => 'muted', 'label'])

{{-- Значок статуса по UI-kit: тинт + цвет текста, радиус 6. Тон берётся у
     перечисления (OrderStatus::tone(), PaymentStatus::tone()). --}}
@php($toneClass = [
    'primary' => 'bg-[var(--color-primary-soft)] text-[var(--color-primary)]',
    'success' => 'bg-[var(--color-success-soft)] text-[var(--color-success)]',
    'warning' => 'bg-[var(--color-warning-soft)] text-[var(--color-warning)]',
    'danger' => 'bg-[var(--color-sale-soft)] text-[var(--color-sale)]',
][$tone] ?? 'bg-[var(--color-canvas)] text-[var(--color-muted)]')
<span {{ $attributes->merge(['class' => 'inline-flex shrink-0 items-center whitespace-nowrap rounded-[var(--radius-sm)] px-2 py-0.5 text-[12.5px] font-semibold '.$toneClass]) }}>{{ $label }}</span>