{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tooltip-11",
  "type": "registry:component",
  "title": "Tooltip 11",
  "description": "Tooltip 11. A small popup that appears when a user hovers over or focuses on an element, providing additional information or context.",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "button",
    "hover-card"
  ],
  "files": [
    {
      "path": "components/watermelon/tooltip-11.tsx",
      "type": "registry:component",
      "content": "import { MdLaunch } from 'react-icons/md';\n\nimport { Button } from '@/components/base-ui/button';\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from '@/components/base-ui/hover-card';\n\nconst Tooltip11 = () => {\n  return (\n    <HoverCard openDelay={0} closeDelay={0}>\n      <HoverCardTrigger asChild>\n        <Button variant=\"link\">Explore Feature</Button>\n      </HoverCardTrigger>\n\n      <HoverCardContent side=\"top\">\n        <div className=\"space-y-2\">\n          <img\n            src=\"https://images.unsplash.com/photo-1522199710521-72d69614c702\"\n            alt=\"Feature preview\"\n            className=\"w-full rounded\"\n          />\n\n          <div className=\"space-y-1\">\n            <p className=\"text-sm font-medium\">Smart Workspace</p>\n\n            <p className=\"text-muted-foreground text-xs\">\n              Organize your tasks, notes, and files in one unified place. Boost\n              productivity with a clean and intuitive interface.{' '}\n              <a\n                href=\"#\"\n                className=\"hover:text-foreground flex w-fit items-center gap-1 underline\"\n              >\n                Learn more\n                <MdLaunch className=\"size-4\" />\n              </a>\n            </p>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  );\n};\n\nexport default Tooltip11;\n"
    }
  ]
}