36 lines
718 B
TypeScript
36 lines
718 B
TypeScript
|
import { Tooltip } from "@visx/tooltip";
|
||
|
import React from "react";
|
||
|
|
||
|
import styles from "./TooltipWrapper.module.css";
|
||
|
|
||
|
type TooltipWrapperProps = {
|
||
|
top?: number;
|
||
|
left?: number;
|
||
|
className?: string;
|
||
|
header?: string;
|
||
|
children?: React.ReactNode;
|
||
|
};
|
||
|
|
||
|
const TooltipWrapper = ({
|
||
|
top,
|
||
|
left,
|
||
|
className,
|
||
|
header,
|
||
|
children,
|
||
|
}: TooltipWrapperProps) => {
|
||
|
return (
|
||
|
<Tooltip
|
||
|
top={top}
|
||
|
left={left}
|
||
|
className={`${styles.tooltip} ${className ?? ""}`}
|
||
|
unstyled
|
||
|
applyPositionStyle
|
||
|
>
|
||
|
{header ? <span className={styles.header}>{header}</span> : null}
|
||
|
{children ? <div className={styles.body}>{children}</div> : null}
|
||
|
</Tooltip>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export { TooltipWrapper };
|