component: add Toolbar component

src/components/Layout/Layout.css

@@ -1,3 +1,3 @@
 .Content{
-    margin-top: 16px;
+    margin-top: 72px;
 }

src/components/Layout/Layout.js

@@ -2,10 +2,11 @@ import React from 'react';
 
 import Aux from '../../hoc/Auxiliary';
 import classes from './Layout.css';
+import Toolbar from '../UI/Navigation/Toolbar/Toolbar';
 
 const layout = (props) => (
     <Aux>
-        <div>Toolbar, SideDrawer, Backdrop</div>
+        <Toolbar />
         <main className={classes.Content}>
             {props.children}
         </main>

src/components/UI/Navigation/Toolbar/Toolbar.css

@@ -0,0 +1,18 @@
+.Toolbar {
+    height: 56px;
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: #703B09;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20px;
+    box-sizing: border-box;
+    z-index: 90;
+}
+
+.Toolbar nav{
+    height: 100%;
+}

src/components/UI/Navigation/Toolbar/Toolbar.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import classes from './Toolbar.css';
+
+const toolbar = () => {
+    return (
+        <header className={classes.Toolbar}>
+            <div>MENU</div>
+            <div>LOGO</div>
+            <nav>
+                ...
+            </nav>
+        </header>
+    )
+}
+
+
+export default toolbar;