Files
SCM-Manager/scm-ui-components/packages/ui-components/src/Tooltip.js
2019-02-07 09:32:24 +01:00

33 lines
661 B
JavaScript

//@flow
import * as React from "react";
import classNames from "classnames";
type Props = {
message: string,
className?: string,
location: string,
children: React.Node
};
class Tooltip extends React.Component<Props> {
static defaultProps = {
location: "right"
};
render() {
const { className, message, location, children } = this.props;
const multiline = message.length > 60 ? "is-tooltip-multiline" : "";
return (
<span
className={classNames("tooltip", "is-tooltip-" + location, multiline, className)}
data-tooltip={message}
>
{children}
</span>
);
}
}
export default Tooltip;