{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "tooltip-intent-example",
  "title": "Tooltip Intent",
  "description": "tooltip-intent-example",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/tooltip"
  ],
  "files": [
    {
      "path": "src/components/examples/overlays/tooltip/tooltip-intent-example.tsx",
      "content": "'use client'\n\nimport { InformationCircleIcon } from '@heroicons/react/24/outline'\nimport { buttonStyles } from '@/components/ui/button'\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'\n\nexport default function TooltipIntentDemo() {\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        aria-label=\"Follow My Twitter\"\n        className={buttonStyles({\n          intent: 'outline',\n          size: 'sq-sm',\n        })}\n      >\n        <InformationCircleIcon />\n      </TooltipTrigger>\n      <TooltipContent inverse>\n        <div className=\"relative\">\n          <strong className=\"font-semibold\">Attention</strong>\n          <p>This is a warning message.</p>\n        </div>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/tooltip-intent-example/page.tsx"
    }
  ],
  "type": "registry:page"
}