import { de } from '@/lib/i18n/de'

const STAMP_COLOR: Record<number, string> = {
  0: 'var(--color-stamp-0)',
  1: 'var(--color-stamp-1)',
  2: 'var(--color-stamp-2)',
  3: 'var(--color-stamp-3)',
  4: 'var(--color-stamp-4)',
  5: 'var(--color-stamp-5)',
}

export function stampColor(level: number): string {
  return STAMP_COLOR[level] ?? STAMP_COLOR[0]!
}

/**
 * Stempelmarke oben rechts am Objekt. Der Stempelcharakter kommt aus dem
 * schmalen Schnitt, der Rahmenlinie und der Farbe, nicht aus Grossbuchstaben.
 * Die Stufe steht zusaetzlich als Text, nicht nur als Farbe.
 */
export function StampMark({ level }: { level: number }) {
  return (
    <span
      className="inline-flex items-center gap-1.5 border px-1.5 py-0.5 font-condensed text-2xs"
      style={{ borderColor: stampColor(level), color: stampColor(level) }}
    >
      <span aria-hidden className="font-mono">
        {level}
      </span>
      {de.clearance.names[level] ?? de.common.unknown}
    </span>
  )
}

/** Die 3 px breite Klassifizierungskante links am Objekt. */
export function classificationEdgeStyle(level: number): React.CSSProperties {
  return { borderLeft: `var(--spacing-edge) solid ${stampColor(level)}` }
}