@props(['estado'])

@php
    $value = $estado instanceof \App\Enums\EstadoPipeline ? $estado->value : (string) $estado;

    $classes = match ($value) {
        'Lead' => 'bg-slate-100 text-slate-700 ring-slate-200',
        'Calificado' => 'bg-sky-50 text-sky-700 ring-sky-200',
        'Propuesta' => 'bg-amber-50 text-amber-700 ring-amber-200',
        'Negociación' => 'bg-cck-50 text-cck-700 ring-cck-200',
        'Cerrado Ganado' => 'bg-emerald-50 text-emerald-700 ring-emerald-200',
        'Cerrado Perdido' => 'bg-rose-50 text-rose-700 ring-rose-200',
        'Descalificado' => 'bg-gray-100 text-gray-500 ring-gray-200',
        default => 'bg-gray-100 text-gray-600 ring-gray-200',
    };
@endphp

<span {{ $attributes->merge(['class' => "inline-flex items-center whitespace-nowrap rounded-full px-2.5 py-0.5 text-xs font-medium ring-1 ring-inset {$classes}"]) }}>
    {{ $value }}
</span>