@props(['estado'])

@switch((int) $estado)

    @case(1)
        <span class="inline-flex items-center px-2 py-1 text-xs font-medium rounded
                     bg-green-100 text-green-800">
            Activo
        </span>
        @break

    @case(0)
        <span class="inline-flex items-center px-2 py-1 text-xs font-medium rounded
                     bg-red-100 text-red-800">
            Inactivo
        </span>
        @break

    @default
        <span class="inline-flex items-center px-2 py-1 text-xs font-medium rounded
                     bg-gray-100 text-gray-600">
            Estado desconocido
        </span>

@endswitch