Normalize Panel in gitbook-core

2 files changed, 24 insertions, 0 deletions

diff --git a/packages/gitbook-core/src/components/Panel.js b/packages/gitbook-core/src/components/Panel.js
new file mode 100644
index 0000000..694cc29
--- /dev/null
+++ b/packages/gitbook-core/src/components/Panel.js
@@ -0,0 +1,22 @@
+const React = require('react');
+const classNames = require('classnames');
+
+const Panel = React.createClass({
+    propTypes: {
+        className: React.PropTypes.string,
+        children:  React.PropTypes.node
+    },
+
+    render() {
+        let { className, children } = this.props;
+        className = classNames('GitBook-Panel', className);
+
+        return (
+            <div className={className}>
+                {children}
+            </div>
+        );
+    }
+});
+
+module.exports = Panel;
diff --git a/packages/gitbook-core/src/index.js b/packages/gitbook-core/src/index.js
index 534eb2d..a1782e0 100644
--- a/packages/gitbook-core/src/index.js
+++ b/packages/gitbook-core/src/index.js
@@ -16,6 +16,7 @@ const HotKeys = require('./components/HotKeys');
 const Button = require('./components/Button');
 const ButtonGroup = require('./components/ButtonGroup');
 const Dropdown = require('./components/Dropdown');
+const Panel = require('./components/Panel');
 const Backdrop = require('./components/Backdrop');
 const Tooltipped = require('./components/Tooltipped');
 const I18nProvider = require('./components/I18nProvider');
@@ -46,6 +47,7 @@ module.exports = {
     InjectedComponentSet,
     HTMLContent,
     Head,
+    Panel,
     Provider,
     ImportLink,
     ImportScript,