Init

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

app/components/NavbarThemeProvider/NavbarThemeProvider.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+const NavbarThemeProvider = ({ style, color, children, className }) => {
+    const isSingleChild = React.Children.count(children) === 1;
+    const themeClass = `navbar-${style}-${color}`;
+
+    if (isSingleChild) {
+        const child = React.Children.only(children);
+
+        return React.cloneElement(child, {
+            className: classNames(
+                child.props.className,
+                themeClass
+            ),
+        });
+    } else {
+        return (
+            <div className={ classNames(className, themeClass) }>
+                { children }
+            </div>
+        );
+    }
+};
+NavbarThemeProvider.propTypes = {
+    children: PropTypes.node.isRequired,
+    style: PropTypes.string,
+    color: PropTypes.string,
+};
+NavbarThemeProvider.defaultProps = {
+    style: 'light',
+    color: 'primary',
+};
+
+export { NavbarThemeProvider };

app/components/NavbarThemeProvider/index.js

@@ -0,0 +1,3 @@
+import { NavbarThemeProvider } from './NavbarThemeProvider';
+
+export default NavbarThemeProvider;