29 lines
719 B
JavaScript
29 lines
719 B
JavaScript
import React, { PropTypes } from 'react';
|
|
import { Tooltip, OverlayTrigger } from 'react-bootstrap';
|
|
import { slugify } from '../modules/utils';
|
|
|
|
const propTypes = {
|
|
label: PropTypes.string.isRequired,
|
|
tooltip: PropTypes.string.isRequired,
|
|
children: PropTypes.node.isRequired,
|
|
placement: PropTypes.string,
|
|
};
|
|
|
|
const defaultProps = {
|
|
placement: 'top',
|
|
};
|
|
|
|
export default function TooltipWrapper({ label, tooltip, children, placement }) {
|
|
return (
|
|
<OverlayTrigger
|
|
placement={placement}
|
|
overlay={<Tooltip id={`${slugify(label)}-tooltip`}>{tooltip}</Tooltip>}
|
|
>
|
|
{children}
|
|
</OverlayTrigger>
|
|
);
|
|
}
|
|
|
|
TooltipWrapper.propTypes = propTypes;
|
|
TooltipWrapper.defaultProps = defaultProps;
|