Tooltip/tooltip-standard-

"use client";

import { InfoIcon } from "lucide-react";

import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
} from "@/components/ui/tooltip";

export const title = "Tooltip on Icon";

const Example = () => (
  <Tooltip>
    <TooltipTrigger asChild>
      <button className="rounded-full p-2 hover:bg-accent">
        <InfoIcon className="size-4 text-muted-foreground" />
      </button>
    </TooltipTrigger>
    <TooltipContent>
      <p>More information</p>
    </TooltipContent>
  </Tooltip>
);

export default Example;