Init

Preview: http://dashboards.webkom.co/react/airframe

app/components/EmptyLayout/EmptyLayoutSection.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+const EmptyLayoutSection = (props) => {
+    const sectionClass = classNames(props.className, 'fullscreen__section', {
+        'fullscreen__section--center': props.center
+    });
+    const maxWidth = _.isNumber(props.width) ?  `${props.width}px` : props.width;
+    return (
+        <div className={ sectionClass }>
+            {
+                props.center ? 
+                    <div className="fullscrenn__section__child" style={{ maxWidth }}>
+                        { props.children }
+                    </div> : props.children
+            }
+        </div>
+    )
+};
+EmptyLayoutSection.propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node.isRequired,
+    center: PropTypes.bool,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+EmptyLayoutSection.defaultProps = {
+    width: '420px'
+}
+
+export { EmptyLayoutSection };