animated-tooltip-animation-demo

1"use client";
2 
3import { AnimatedTooltip } from "@/components/ui/animated-tooltip";
4 
5export default function AnimatedTooltipAnimationDemo() {
6  return (
7    <div className="flex flex-wrap items-center justify-center gap-4">
8      {(["fade", "scale", "slide", "spring"] as const).map((animation) => (
9        <AnimatedTooltip
10          key={animation}
11          content={`${animation} animation`}
12          animation={animation}
13        >
14          <button className="rounded-lg border bg-card px-4 py-2 font-medium text-sm capitalize transition-colors hover:bg-accent">
15            {animation}
16          </button>
17        </AnimatedTooltip>
18      ))}
19    </div>
20  );
21}