@props(['estado'])

@php
    $clases = match($estado) {
        'Activo' => 'bg-green-100 text-green-700',
        'Inactivo' => 'bg-red-200 text-gray-700',
        'Habilitado' => 'bg-blue-100 text-blue-700',
        'Deshabilitado' => 'bg-yellow-100 text-yellow-700',
        'Inhabilitado' => 'bg-gray-100 text-red-700',
        'Solicitud' => 'bg-purple-100 text-purple-700',
        default => 'bg-gray-100 text-gray-700',
    };
@endphp

<span class="mt-1 block text-center px-2 py-0.5 rounded-full text-xs font-semibold {{ $clases }}">
    {{ $estado }}
</span>