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>
  )
}