import { BARRAS_SIMBOLO, VIEWBOX_SIMBOLO } from '@/lib/simbolo';

// The ≡ mark on its own, at any scale — the manual lists it under "recursos
// visuales" as "las tres líneas del símbolo en diversas orientaciones y
// escalas". Geometry comes from lib/simbolo.ts, the same source the wordmark
// reads, so this is provably the mark and not a lookalike drawn by hand.
// Decorative by definition: it never carries meaning a reader would miss.
export function SimboloMarca({ className = '' }: { className?: string }) {
  return (
    <svg
      viewBox={VIEWBOX_SIMBOLO}
      className={className}
      aria-hidden="true"
      focusable="false"
      fill="currentColor"
    >
      {BARRAS_SIMBOLO.map((barra) => (
        <rect
          key={barra.y}
          x={barra.x}
          y={barra.y}
          width={barra.width}
          height={barra.height}
          rx={barra.height / 2}
        />
      ))}
    </svg>
  );
}