Normalize Panel in gitbook-core

4 files changed, 32 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,
diff --git a/packages/gitbook-plugin-theme-default/less/Panel.less b/packages/gitbook-plugin-theme-default/less/Panel.less
new file mode 100644
index 0000000..507396c
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/less/Panel.less
@@ -0,0 +1,7 @@
+.GitBook-Panel {
+    border: 2px solid #f5f5f5;
+    padding: 10px;
+    background: #fafafa;
+    border-radius: 2px;
+    margin-top: 20px;
+}
diff --git a/packages/gitbook-plugin-theme-default/less/main.less b/packages/gitbook-plugin-theme-default/less/main.less
index 65219bc..d3c0dd5 100644
--- a/packages/gitbook-plugin-theme-default/less/main.less
+++ b/packages/gitbook-plugin-theme-default/less/main.less
@@ -16,6 +16,7 @@
 @import "Dropdown.less";
 @import "LoadingBar.less";
 @import "Tooltipped.less";
+@import "Panel.less";
 
 * {
     .box-sizing(border-box);