1 files changed, 20 insertions, 0 deletions
diff --git a/app/components/Layout.js b/app/components/Layout.js
new file mode 100644
index 0000000000..7619f3df4f
--- /dev/null
+++ b/app/components/Layout.js
@@ -0,0 +1,20 @@
+import React, { PropTypes, Component } from 'react';
+import HeaderBar from './HeaderBar';
+
+export default class Layout extends Component {
+  static propTypes = {
+    children: PropTypes.element.isRequired
+  };
+  render() {
+    return (
+      <div className="layout">
+        <div className="layout__header">
+          <HeaderBar />
+        </div>
+        <div className="layout__container">
+          {this.props.children}
+        </div>
+      </div>
+    );
+  }
+}