Added more views and atlas APIs

src/components/CenteredContent/CenteredContent.js

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import styles from './CenteredContent.scss';
+
+const CenteredContent = (props) => {
+  const style = {
+    maxWidth: props.maxWidth,
+    ...props.style,
+  };
+
+  return (
+    <div className={ styles.content } style={ style }>
+      { props.children }
+    </div>
+  );
+};
+
+CenteredContent.defaultProps = {
+  maxWidth: '600px',
+};
+
+CenteredContent.propTypes = {
+  children: React.PropTypes.node.isRequired,
+  style: React.PropTypes.object,
+};
+
+export default CenteredContent;

src/components/CenteredContent/CenteredContent.scss

@@ -0,0 +1,5 @@
+.content {
+  display: flex;
+  flex: 1;
+  margin: 40px 20px;
+}

src/components/CenteredContent/index.js

@@ -0,0 +1,2 @@
+import CenteredContent from './CenteredContent';
+export default CenteredContent;