component: add Logo component

src/components/Logo/Logo.css

@@ -0,0 +1,11 @@
+.Logo {
+    background-color: white;
+    padding: 8px;
+    height: 80%;
+    box-sizing: border-box;
+    border-radius: 5px;
+}
+
+.Logo img{
+    height: 100%;
+}

src/components/Logo/Logo.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import burgerLogo from '../../assets/images/burger-logo.png';
+import classes from './Logo.css';
+
+const logo = (props) => {
+    return (
+        <div className={classes.Logo}>
+            <img src={burgerLogo} alt="burger" />
+        </div>
+    )
+}
+
+export default logo;

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

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