29 lines
722 B
TypeScript
29 lines
722 B
TypeScript
import { FC } from "react";
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipProvider,
|
|
TooltipTrigger,
|
|
} from "./tooltip";
|
|
|
|
export const TooltipBetter: FC<any> = ({ content, children, side = "top" }) => {
|
|
if (content) {
|
|
return (
|
|
<TooltipProvider>
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<div className="w-full flex flex-grow flex-row">{children}</div>
|
|
</TooltipTrigger>
|
|
<TooltipContent
|
|
side={side}
|
|
className="bg-linear-sidebar-active text-white border border-primary shadow-md transition-all "
|
|
>
|
|
<p>{content}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
);
|
|
}
|
|
return children;
|
|
};
|