{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-tooltip-11","type":"registry:block","title":"Tooltip with avatar and role badge","description":"Tooltip with avatar and role badge","dependencies":[],"registryDependencies":["avatar","@reui/badge","tooltip"],"files":[{"path":"c-tooltip-11.tsx","type":"registry:block","content":"import { Badge } from \"@/components/reui/badge\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\"\n\nexport function Pattern() {\n  return (\n    <div className=\"flex items-center justify-center p-3\">\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger>\n            <Avatar>\n              <AvatarImage\n                src=\"https://images.unsplash.com/photo-1485893086445-ed75865251e0?w=96&h=96&dpr=2&q=80\"\n                alt=\"Emma Wilson\"\n              />\n              <AvatarFallback>SC</AvatarFallback>\n            </Avatar>\n          </TooltipTrigger>\n          <TooltipContent className=\"flex items-center gap-2 p-2\">\n            <Avatar>\n              <AvatarImage\n                src=\"https://images.unsplash.com/photo-1485893086445-ed75865251e0?w=96&h=96&dpr=2&q=80\"\n                alt=\"Emma Wilson\"\n              />\n              <AvatarFallback>SC</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col gap-0.5\">\n              <div className=\"flex items-center gap-1\">\n                <span className=\"font-semibold\">Emma Wilson</span>\n                <Badge variant=\"info\" size=\"xs\">\n                  Admin\n                </Badge>\n              </div>\n              <p className=\"opacity-80\">emma@example.com</p>\n            </div>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    </div>\n  )\n}","target":"components/examples/c-tooltip-11.tsx"}],"meta":{"order":11}}