{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-tooltip-preview",
  "title": "Tooltip Preview Demo",
  "description": "Links showing website preview cards on hover.",
  "registryDependencies": [
    "@unlumen-ui/tooltip-preview"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/tooltip-preview/index.tsx",
      "content": "\"use client\";\n\nimport { TooltipPreview } from \"@/components/unlumen-ui/primitives/tooltip-preview\";\n\nexport const TooltipPreviewDemo = () => {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-6 p-12 text-sm text-muted-foreground leading-relaxed max-w-sm text-center\">\n      <p>\n        Built with{\" \"}\n        <TooltipPreview\n          href=\"https://nextjs.org\"\n          title=\"Next.js\"\n          description=\"The React framework for the web. Used by the largest companies, Next.js enables you to create high-quality web applications.\"\n          image=\"https://nextjs.org/static/twitter-cards/home.jpg\"\n          favicon=\"https://nextjs.org/favicon.ico\"\n        >\n          Next.js\n        </TooltipPreview>{\" \"}\n        and styled with{\" \"}\n        <TooltipPreview\n          href=\"https://tailwindcss.com\"\n          title=\"Tailwind CSS\"\n          description=\"A utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.\"\n          image=\"https://tailwindcss.com/opengraph-image.jpg\"\n          favicon=\"https://tailwindcss.com/favicons/favicon.ico\"\n        >\n          Tailwind CSS\n        </TooltipPreview>\n        {\". \"}Animated with{\" \"}\n        <TooltipPreview\n          href=\"https://motion.dev\"\n          title=\"Motion\"\n          description=\"Motion is the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.\"\n          favicon=\"https://motion.dev/favicon.ico\"\n        >\n          Motion\n        </TooltipPreview>\n        .\n      </p>\n    </div>\n  );\n};\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}