22 lines
520 B
TypeScript
22 lines
520 B
TypeScript
import Tippy, { TippyProps } from "@tippyjs/react";
|
|
import { cJoin } from "helpers/className";
|
|
import "tippy.js/animations/scale-subtle.css";
|
|
|
|
interface Props extends TippyProps {}
|
|
|
|
export function ToolTip(props: Props): JSX.Element {
|
|
const newProps: Props = {
|
|
className: cJoin("text-sm", props.className),
|
|
delay: [150, 0],
|
|
interactive: true,
|
|
animation: "scale-subtle",
|
|
...props,
|
|
};
|
|
|
|
return (
|
|
<Tippy {...newProps}>
|
|
<div>{props.children}</div>
|
|
</Tippy>
|
|
);
|
|
}
|