@props(['status'])

@php
    $styles = [
        'pending' => 'bg-warning-50 text-warning-700 dark:bg-warning-500/10 dark:text-warning-400',
        'processing' => 'bg-brand-50 text-brand-700 dark:bg-brand-500/10 dark:text-brand-400',
        'shipped' => 'bg-blue-50 text-blue-700 dark:bg-blue-500/10 dark:text-blue-400',
        'completed' => 'bg-success-50 text-success-700 dark:bg-success-500/10 dark:text-success-400',
        'cancelled' => 'bg-error-50 text-error-700 dark:bg-error-500/10 dark:text-error-400',
        'published' => 'bg-success-50 text-success-700 dark:bg-success-500/10 dark:text-success-400',
        'draft' => 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400',
    ];

    $labels = [
        'pending' => 'Non réglée',
        'processing' => 'En cours',
        'shipped' => 'Expédiée',
        'completed' => 'Terminée',
        'cancelled' => 'Annulée',
        'published' => 'Publiée',
        'draft' => 'Brouillon',
    ];
@endphp

<span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium {{ $styles[$status] ?? $styles['pending'] }}">
    {{ $labels[$status] ?? $status }}
</span>