mirror of
https://github.com/ahmadk953/tasko.git
synced 2025-01-31 00:53:37 +00:00
35 lines
725 B
TypeScript
35 lines
725 B
TypeScript
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
} from "@/components/ui/tooltip";
|
|
|
|
interface HintProps {
|
|
children: React.ReactNode;
|
|
description: string;
|
|
side?: "left" | "right" | "top" | "bottom";
|
|
sideOffset?: number;
|
|
}
|
|
|
|
export const Hint = ({
|
|
children,
|
|
description,
|
|
side = "bottom",
|
|
sideOffset = 0,
|
|
}: HintProps) => {
|
|
return (
|
|
<TooltipProvider>
|
|
<Tooltip delayDuration={0}>
|
|
<TooltipTrigger>{children}</TooltipTrigger>
|
|
<TooltipContent
|
|
sideOffset={sideOffset}
|
|
side={side}
|
|
className="text-xs max-w-[220px] break-words"
|
|
>
|
|
{description}
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
);
|
|
};
|