Consult AS Technology
599dce2629
Del look editorial (verde #1B4332, esquinas a 0, botones en mayusculas) al sistema NovaSpark: primario azul #2563EB, detalle naranja #F97316, fondo #F8FAFC con tarjetas blancas rounded-xl + shadow-sm, chips rounded-full semanticos, focus ring azul, transiciones 100-200ms. Incluye headers de tabla en los PDFs (cotizador y estado de cuenta).
19 lines
484 B
TypeScript
19 lines
484 B
TypeScript
import type { StatusPago } from '../types'
|
|
|
|
const CLASES: Record<StatusPago, string> = {
|
|
PENDIENTE: 'bg-gray-100 text-gray-600',
|
|
PAGADO: 'bg-green-50 text-green-700',
|
|
VENCIDO: 'bg-red-50 text-red-700',
|
|
PARCIAL: 'bg-amber-50 text-amber-700',
|
|
}
|
|
|
|
export default function BadgeStatus({ status }: { status: StatusPago }) {
|
|
return (
|
|
<span
|
|
className={`inline-block rounded-full px-2.5 py-0.5 text-xs font-medium ${CLASES[status]}`}
|
|
>
|
|
{status}
|
|
</span>
|
|
)
|
|
}
|