info-tooltip.tsx•805 B
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { cn } from "@/lib/utils";
import { HelpCircle, Info } from "lucide-react";
export default function InfoTooltip({
className,
children,
size,
variant = "tip",
}: {
className?: string;
size?: number;
children?: React.ReactNode;
variant?: "tip" | "explain";
}) {
return (
<Tooltip>
<TooltipTrigger asChild>
{variant === "tip" ? (
<Info
color="#494949"
className={cn("z-10 cursor-pointer", className)}
size={size}
/>
) : (
<HelpCircle className={cn("cursor-pointer", className)} size={size} />
)}
</TooltipTrigger>
<TooltipContent>{children}</TooltipContent>
</Tooltip>
);
}