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
39
40
41
42
43
44
|
const React = require('react');
const classNames = require('classnames');
const POSITIONS = {
BOTTOM_RIGHT: 'e',
BOTTOM_LEFT: 'w',
TOP_LEFT: 'nw',
TOP_RIGHT: 'ne',
BOTTOM: '',
TOP: 'n'
};
const Tooltipped = React.createClass({
propTypes: {
title: React.PropTypes.string.isRequired,
position: React.PropTypes.string,
open: React.PropTypes.bool,
children: React.PropTypes.node
},
statics: {
POSITIONS
},
render() {
const { title, position, open, children } = this.props;
const className = classNames(
'GitBook-Tooltipped',
position ? 'Tooltipped-' + position : '',
{
'Tooltipped-o': open
}
);
return (
<div className={className} aria-label={title}>
{children}
</div>
);
}
});
module.exports = Tooltipped;
|
