text: import React from "react"
  // import logo from "../assets/logo.svg"
  import { Link } from "gatsby"
  import logo2 from "../assets/logo2.png"
  import { FaAlignRight } from "react-icons/fa"
  import PageLinks from "../constants/links"
  const Navbar = ({ toggleSidebar }) => {
    return (
      <nav className="navbar">
        <div className="nav-center">
          <div className="nav-header">
            <Link to="/">
              <img src={logo2} alt="logo" height="40px" />
            </Link>
            <button type="button" className="toggle-btn" onClick={toggleSidebar}>
              <FaAlignRight></FaAlignRight>
            </button>
          </div>
          <PageLinks styleClass="nav-links"></PageLinks>
        </div>
      </nav>
    )
  }
  
  export default Navbar
  