Init

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

app/routes/components/HeaderMain.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const HeaderMain = (props) => (
+    <React.Fragment>
+        { /* START H1 Header */}
+        <div className={` d-flex ${ props.className }` }>
+            <h1 className="display-4 mr-3 mb-0 align-self-start">
+                { props.title }
+            </h1>
+        </div>
+        { /* END H1 Header */}
+    </React.Fragment>
+)
+HeaderMain.propTypes = {
+    title: PropTypes.string,
+    subTitle: PropTypes.node,
+    className: PropTypes.string
+};
+HeaderMain.defaultProps = {
+    title: "Waiting for Data...",
+    subTitle: "Waiting for Data...",
+    className: "my-4"
+};
+
+export { HeaderMain };