animated-tooltip-rich-demo

1"use client";
2 
3import { RichTooltip } from "@/components/ui/animated-tooltip";
4 
5export default function AnimatedTooltipRichDemo() {
6  return (
7    <div className="flex justify-center">
8      <RichTooltip
9        title="Mountain Vista"
10        description="A beautiful landscape view from the top of the mountain during golden hour."
11        image="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=300&h=150&fit=crop"
12        placement="bottom"
13      >
14        <button className="rounded-lg bg-primary px-6 py-3 font-medium text-primary-foreground transition-colors hover:bg-primary/90">
15          Hover for Rich Tooltip
16        </button>
17      </RichTooltip>
18    </div>
19  );
20}