Add component tooltip from gitbook-core

1 files changed, 44 insertions, 0 deletions

diff --git a/packages/gitbook-core/src/components/Tooltipped.js b/packages/gitbook-core/src/components/Tooltipped.js
new file mode 100644
index 0000000..4d297fd
--- /dev/null
+++ b/packages/gitbook-core/src/components/Tooltipped.js
@@ -0,0 +1,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;