animated-tooltip-icon-demo

1"use client";
2 
3import { Home, Mail, Search, Settings, User } from "lucide-react";
4import { TooltipGroup } from "@/components/ui/animated-tooltip";
5 
6export default function AnimatedTooltipIconDemo() {
7  return (
8    <div className="flex justify-center">
9      <TooltipGroup
10        items={[
11          { icon: <Home className="h-4 w-4" />, label: "Home", shortcut: "H" },
12          {
13            icon: <Search className="h-4 w-4" />,
14            label: "Search",
15            shortcut: "⌘K",
16          },
17          {
18            icon: <Mail className="h-4 w-4" />,
19            label: "Messages",
20            shortcut: "M",
21          },
22          {
23            icon: <Settings className="h-4 w-4" />,
24            label: "Settings",
25            shortcut: "S",
26          },
27          {
28            icon: <User className="h-4 w-4" />,
29            label: "Profile",
30            shortcut: "P",
31          },
32        ]}
33      />
34    </div>
35  );
36}