45 lines
929 B
JavaScript
45 lines
929 B
JavaScript
// @flow
|
|
import React from 'react';
|
|
import MUITooltip from '@mui/material/Tooltip';
|
|
import type { Node } from 'react';
|
|
|
|
type Props = {
|
|
arrow?: boolean,
|
|
children: Node,
|
|
disableInteractive?: boolean,
|
|
enterDelay?: number,
|
|
title?: string | Node,
|
|
className?: string,
|
|
followCursor?: boolean,
|
|
placement?: string, // https://mui.com/api/tooltip/
|
|
};
|
|
|
|
function Tooltip(props: Props) {
|
|
const {
|
|
arrow = true,
|
|
children,
|
|
disableInteractive = true,
|
|
enterDelay = 300,
|
|
title,
|
|
className,
|
|
followCursor = false,
|
|
placement = 'bottom',
|
|
} = props;
|
|
|
|
return (
|
|
<MUITooltip
|
|
arrow={arrow}
|
|
disableInteractive={disableInteractive}
|
|
enterDelay={enterDelay}
|
|
enterNextDelay={enterDelay}
|
|
title={title}
|
|
followCursor={followCursor}
|
|
placement={placement}
|
|
classes={{ tooltip: className }}
|
|
>
|
|
{children}
|
|
</MUITooltip>
|
|
);
|
|
}
|
|
|
|
export default Tooltip;
|