37 lines
800 B
TypeScript
37 lines
800 B
TypeScript
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("cursor-pointer", className)}
|
|
size={size}
|
|
/>
|
|
) : (
|
|
<HelpCircle className={cn("cursor-pointer", className)} size={size} />
|
|
)}
|
|
</TooltipTrigger>
|
|
<TooltipContent>{children}</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|