Organize filestructure

client/source/scripts/components/layout/Application.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+class Application extends React.Component {
+  render() {
+    return (
+      <div className="flood">
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+Application.propTypes = {
+  children: React.PropTypes.node
+};
+
+export default Application;

client/source/scripts/components/layout/ApplicationContent.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+class ApplicationContent extends React.Component {
+  render() {
+    return (
+      <div className="application__content">
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+ApplicationContent.propTypes = {
+  children: React.PropTypes.node
+};
+
+export default ApplicationContent;

client/source/scripts/components/layout/ApplicationPanel.js

@@ -0,0 +1,29 @@
+import classnames from 'classnames';
+import React from 'react';
+
+class ApplicationContent extends React.Component {
+  render() {
+    let classes = classnames(this.props.baseClassName, {
+      [`${this.props.baseClassName}--${this.props.modifier}`]: this.props.baseClassName,
+      [this.props.extension]: this.props.extension
+    });
+
+    return (
+      <div className={classes}>
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+ApplicationContent.defaultProps = {
+  baseClassName: 'application__panel'
+};
+
+ApplicationContent.propTypes = {
+  children: React.PropTypes.node,
+  extension: React.PropTypes.string,
+  modifier: React.PropTypes.string
+};
+
+export default ApplicationContent;

client/source/scripts/components/layout/ApplicationSidebar.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+class ApplicationSidebar extends React.Component {
+  render() {
+    return (
+      <div className="sidebar">
+        {this.props.children}
+      </div>
+    );
+  }
+}
+
+ApplicationSidebar.propTypes = {
+  children: React.PropTypes.node
+};
+
+export default ApplicationSidebar;

client/source/scripts/components/layout/Wrapper.js

@@ -0,0 +1,25 @@
+import React from 'react';
+
+class Wrapper extends React.Component {
+  render() {
+    let Node = this.props.component;
+
+    return (
+      <Node className={this.props.className}>
+        {this.props.children}
+      </Node>
+    );
+  }
+}
+
+Wrapper.defaultProps = {
+  className: '',
+  component: 'div'
+};
+
+Wrapper.propTypes = {
+  children: React.PropTypes.node,
+  component: React.PropTypes.string
+};
+
+export default Wrapper;