Function makeExampleCode

examples/full.tsx:31–61

(componentName: string)

  const [centerImage, setCenterImage] = useState(true);

  function makeExampleCode(componentName: string) {
    const imageSettingsCode = includeImage
      ? `imageSettings={{
    src: "${imageSrc}",
    x: ${centerImage ? 'undefined' : imageX},
    y: ${centerImage ? 'undefined' : imageY},
    height: ${imageH},
    width: ${imageW},
    opacity: ${imageOpacity},
    excavate: ${imageExcavate},
  }}`
      : undefined;
    const propLines = [
      `value={"${value}"}`,
      `title={"${title}"}`,
      `size={${size}}`,
      `bgColor={"${bgColor}"}`,
      `fgColor={"${fgColor}"}`,
      `level={"${level}"}`,
      minVersion > 1 ? `minVersion={${minVersion}}` : undefined,
      !boostLevel ? `boostLevel={${boostLevel}}` : undefined,
      marginSize !== 0 ? `marginSize={${marginSize}}` : undefined,
      imageSettingsCode,
    ]
      .filter(Boolean)
      .join('\n  ');
    return `import {${componentName}} from 'qrcode.react';
<${componentName}
  ${propLines}
/>`;
  }
  const svgCode = makeExampleCode('QRCodeSVG');
  const canvasCode = makeExampleCode('QRCodeCanvas');