Rename Layout to AppLayout

src/components/AppLayout.jsx

@@ -0,0 +1,66 @@
+import React from 'react'
+import ScrollContainer from './ScrollContainer'
+
+import theme from '../config/theme'
+import colors from '../config/colors'
+
+class AppLayout extends React.Component {
+  static propTypes = {
+    toolbar: React.PropTypes.element.isRequired,
+    layerList: React.PropTypes.element.isRequired,
+    layerEditor: React.PropTypes.element,
+    map: React.PropTypes.element.isRequired,
+  }
+
+  static childContextTypes = {
+    reactIconBase: React.PropTypes.object
+  }
+
+  getChildContext() {
+    return {
+      reactIconBase: { size: 14 }
+    }
+  }
+
+  render() {
+    return <div style={{
+      fontFamily: theme.fontFamily,
+      color: theme.color,
+      fontWeight: 300
+    }}>
+      {this.props.toolbar}
+      <div style={{
+        position: 'fixed',
+        bottom: 0,
+        height: "100%",
+        top: 40,
+        left: 0,
+        zIndex: 1,
+        width: 200,
+        overflow: "hidden",
+        backgroundColor: colors.black
+      }}>
+        <ScrollContainer>
+          {this.props.layerList}
+        </ScrollContainer>
+      </div>
+      <div style={{
+        position: 'fixed',
+        bottom: 0,
+        height: "100%",
+        top: 40,
+        left: 200,
+        zIndex: 1,
+        width: 300,
+        backgroundColor: colors.black
+      }}>
+        <ScrollContainer>
+          {this.props.layerEditor}
+        </ScrollContainer>
+      </div>
+      {this.props.map}
+    </div>
+  }
+}
+
+export default AppLayout