{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "qrcode-demo-interactive",
  "registryDependencies": [
    "@delta/qrcode"
  ],
  "files": [
    {
      "path": "examples/qrcode-demo-interactive.tsx",
      "content": "\"use client\"\n\nimport { useEffect, useState } from \"react\"\n\nimport QRCode from \"@/components/ui/qrcode\"\n\nconst qrCodeConfigs = [\n  {\n    dotStyle: \"square\" as const,\n    cornerSquareStyle: \"square\" as const,\n    cornerDotStyle: \"square\" as const,\n    fgColor: \"#000000\",\n    level: \"M\" as const,\n  },\n  {\n    dotStyle: \"dots\" as const,\n    cornerSquareStyle: \"dots\" as const,\n    cornerDotStyle: \"dots\" as const,\n    fgColor: \"#8b5cf6\",\n    level: \"M\" as const,\n  },\n  {\n    dotStyle: \"rounded\" as const,\n    cornerSquareStyle: \"rounded\" as const,\n    cornerDotStyle: \"rounded\" as const,\n    fgColor: \"#ef4444\",\n    level: \"H\" as const,\n  },\n  {\n    dotStyle: \"classy\" as const,\n    cornerSquareStyle: \"classy\" as const,\n    cornerDotStyle: \"classy\" as const,\n    fgColor: \"#10b981\",\n    level: \"Q\" as const,\n  },\n  {\n    dotStyle: \"extra-rounded\" as const,\n    cornerSquareStyle: \"extra-rounded\" as const,\n    cornerDotStyle: \"extra-rounded\" as const,\n    fgColor: \"#f59e0b\",\n    level: \"L\" as const,\n  },\n  {\n    dotStyle: \"classy-rounded\" as const,\n    cornerSquareStyle: \"classy-rounded\" as const,\n    cornerDotStyle: \"classy-rounded\" as const,\n    fgColor: \"#3b82f6\",\n    level: \"H\" as const,\n  },\n]\n\nexport default function QrcodeDemoInteractive() {\n  const [currentIndex, setCurrentIndex] = useState(0)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCurrentIndex((prev) => (prev + 1) % qrCodeConfigs.length)\n    }, 1000)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  const currentConfig = qrCodeConfigs[currentIndex]\n\n  return (\n    <div className=\"flex items-center justify-center p-8\">\n      <div className=\"flex h-[200px] w-[200px] items-center justify-center\">\n        <QRCode\n          value=\"https://patrickprunty.com\"\n          size={200}\n          dotStyle={currentConfig.dotStyle}\n          cornerSquareStyle={currentConfig.cornerSquareStyle}\n          cornerDotStyle={currentConfig.cornerDotStyle}\n          fgColor={currentConfig.fgColor}\n          level={currentConfig.level}\n        />\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}