@props(['status'])
@php
    $styles = [
        'success' => 'bg-green-100 text-green-700 border border-green-200',
        'pending' => 'bg-amber-100 text-amber-700 border border-amber-200',
        'failed'  => 'bg-red-100 text-red-700 border border-red-200',
    ];
    $icons = [
        'success' => '✅',
        'pending' => '⏳',
        'failed'  => '❌',
    ];
@endphp
<span {{ $attributes->merge(['class' => 'inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full text-xs font-bold ' . ($styles[$status] ?? 'bg-gray-100 text-gray-600')]) }}>
    <span>{{ $icons[$status] ?? '•' }}</span>
    {{ ucfirst($status) }}
</span>