text: import React, { Component } from 'react'
  import { Link } from "gatsby"
  import logo from "../../images/logo.svg"
  import {FaCartArrowDown} from "react-icons/fa"
  
  export default class Navbar extends Component {
      state = {
          navbarOpen: false,
          css: "collapse navbar-collapse",
          links: [
              {
                  id: 1,
                  path: "/",
                  text: "home"
              },
              {
                  id:2,
                  path:"/about",
                  text:"about"
              }
          ]
      };
      navbarHandler = () =>{
          console.log("hello");   
      };
      render() {
          return <nav className="navbar navbar-expand-sm bg-light navbar-light">
              <Link to="/" classNAme="navbar-brand">
              <img src ={logo} alt="logo"/>
              {/* https://www.iconfinder.com/icons/185113/coffee_streamline_icon
  Creative Commons (Attribution 3.0 Unported);
  https://www.iconfinder.com/webalys */}
              </Link>
          </nav>;
          
      }
  }
  
  
  
  