import { BarcodeFormat, QRCodeWriter } from "@zxing/library";

export interface PairingQrCodeProps {
  value: string;
  size?: number;
}

/** Render a QR as native SVG so no invitation bytes touch a canvas export. */
export function PairingQrCode(props: PairingQrCodeProps) {
  const matrix = new QRCodeWriter().encode(
    props.value,
    BarcodeFormat.QR_CODE,
    0,
    0,
    new Map(),
  );
  const path: string[] = [];
  for (let y = 0; y < matrix.getHeight(); y++) {
    for (let x = 0; x < matrix.getWidth(); x++) {
      if (matrix.get(x, y)) path.push(`M${x} ${y}h1v1h-1z`);
    }
  }
  const size = props.size ?? 236;
  return (
    <svg
      class="peach-pair-qr"
      viewBox={`0 0 ${matrix.getWidth()} ${matrix.getHeight()}`}
      width={size}
      height={size}
      role="img"
      aria-label="Peach pairing QR code"
      shape-rendering="crispEdges"
    >
      <rect width="100%" height="100%" fill="#fff" />
      <path d={path.join("")} fill="#000" />
    </svg>
  );
}