-
Notifications
You must be signed in to change notification settings - Fork 7
/
HelpIcon.jsx
38 lines (33 loc) · 1.02 KB
/
HelpIcon.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react';
import PropTypes from 'prop-types';
import { OverlayTrigger, Tooltip } from 'react-bootstrap';
import { QuestionCircle } from '../styles/icons';
// TODO:fix issue https://github.com/kbss-cvut/s-forms/issues/28
const HelpIcon = (props) => {
const tooltip = (
<Tooltip id="help-tooltip" className="tooltip-content">
{props.text}
</Tooltip>
);
return (
<OverlayTrigger placement={props.overlayPlacement} overlay={tooltip}>
<span className={props.iconClassContainer} style={{ position: props.absolutePosition ? 'absolute' : null }}>
<QuestionCircle className={props.iconClass} />
</span>
</OverlayTrigger>
);
};
HelpIcon.propTypes = {
text: PropTypes.string.isRequired,
iconClassContainer: PropTypes.string,
iconClass: PropTypes.string,
overlayPlacement: PropTypes.string,
absolutePosition: PropTypes.bool,
};
HelpIcon.defaultProps = {
iconClassContainer: '',
iconClass: '',
overlayPlacement: 'right',
absolutePosition: true
};
export default HelpIcon;