1 | import React from 'react';
|
2 | import classNames from 'classnames';
|
3 | import TooltipPopoverWrapper, { propTypes } from './TooltipPopoverWrapper';
|
4 | import { addDefaultProps } from './utils';
|
5 |
|
6 | const defaultProps = {
|
7 | placement: 'top',
|
8 | autohide: true,
|
9 | placementPrefix: 'bs-tooltip',
|
10 | trigger: 'hover focus',
|
11 | };
|
12 |
|
13 | function Tooltip(props) {
|
14 | const arrowClasses = classNames('tooltip-arrow', props.arrowClassName);
|
15 | const popperClasses = classNames('tooltip', 'show', props.popperClassName);
|
16 | const classes = classNames('tooltip-inner', props.innerClassName);
|
17 |
|
18 | const _props = addDefaultProps(defaultProps, props);
|
19 |
|
20 | return (
|
21 | <TooltipPopoverWrapper
|
22 | {..._props}
|
23 | arrowClassName={arrowClasses}
|
24 | popperClassName={popperClasses}
|
25 | innerClassName={classes}
|
26 | />
|
27 | );
|
28 | }
|
29 |
|
30 | Tooltip.propTypes = propTypes;
|
31 |
|
32 | export default Tooltip;
|