Avatar with Tooltip

1import { Avatar, AvatarFallback, AvatarImage } from "@/registry/ui/avatar";
2import { Tooltip, TooltipContent, TooltipTrigger } from "@/registry/ui/tooltip";
3 
4export default function AvatarWithTooltipDemo() {
5  return (
6    <Tooltip>
7      <TooltipTrigger asChild>
8        <Avatar>
9          <AvatarImage alt="@shadcn" src="https://github.com/shadcn.png" />
10          <AvatarFallback>CN</AvatarFallback>
11        </Avatar>
12      </TooltipTrigger>
13      <TooltipContent className="font-semibold">shadcn</TooltipContent>
14    </Tooltip>
15  );
16}