text: import React from "react"
  import { Link, graphql, useStaticQuery } from "gatsby"
  
  export default function Navbar() {
    const data = useStaticQuery(graphql`
      query SiteInfo {
        site {
          siteMetadata {
            title
          }
        }
      }
    `)
    const { title } = data.site.siteMetadata
    return (
      <nav className="navbar is-spaced is-link is-fixed-top">
        <div className="navbar-brand">
          <Link to="/" className="navbar-item is-size-3">
            {title}
          </Link>
        </div>
        <span></span>
        <span></span>
        <span></span>
        <div className="navbar-menu">
          <div className="navbar-start">
            <div className="navbar-item">a digital garden.</div>
          </div>
        </div>
        <div className="navbar-menu">
          <div className="navbar-end">
            <div className="navbar-item">
              <Link to="/projects" className="button is-primary">
                Projects
              </Link>
            </div>
            <div className="navbar-item">
              <Link to="/notes" className="button is-warning">
                Notes
              </Link>
            </div>
            <div className="navbar-item">
              <Link to="/about" className="button is-danger">
                About
              </Link>
            </div>
          </div>
        </div>
      </nav>
    )
  }
  