2018-09-27 15:29:40 +02:00
|
|
|
//@flow
|
|
|
|
|
import React from "react";
|
|
|
|
|
import injectSheet from "react-jss";
|
2018-11-13 07:39:19 +01:00
|
|
|
import Tooltip from './Tooltip';
|
|
|
|
|
import HelpIcon from './HelpIcon';
|
2018-09-27 15:29:40 +02:00
|
|
|
|
|
|
|
|
const styles = {
|
2018-11-13 07:39:19 +01:00
|
|
|
tooltip: {
|
|
|
|
|
display: "inline-block",
|
|
|
|
|
paddingLeft: "3px"
|
2018-10-04 10:16:20 +02:00
|
|
|
}
|
2018-09-27 15:29:40 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
type Props = {
|
2018-10-02 13:08:16 +02:00
|
|
|
message: string,
|
2018-09-27 15:29:40 +02:00
|
|
|
classes: any
|
2018-11-13 07:39:19 +01:00
|
|
|
}
|
2018-09-27 15:29:40 +02:00
|
|
|
|
|
|
|
|
class Help extends React.Component<Props> {
|
2018-11-13 07:39:19 +01:00
|
|
|
|
2018-09-27 15:29:40 +02:00
|
|
|
render() {
|
|
|
|
|
const { message, classes } = this.props;
|
|
|
|
|
return (
|
2018-11-13 07:39:19 +01:00
|
|
|
<Tooltip className={classes.tooltip} message={message}>
|
|
|
|
|
<HelpIcon />
|
|
|
|
|
</Tooltip>
|
2018-09-27 15:29:40 +02:00
|
|
|
);
|
|
|
|
|
}
|
2018-11-13 07:39:19 +01:00
|
|
|
|
2018-09-27 15:29:40 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default injectSheet(styles)(Help);
|
2018-11-13 07:39:19 +01:00
|
|
|
|