{"size": 1521, "ext": "js", "max_stars_repo_path": "src/components/nav.js", "max_stars_repo_name": "samajammin/esp-website", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/nav.js", "max_issues_repo_name": "samajammin/esp-website", "max_issues_repo_issues_event_min_datetime": "2019-11-19T19:07:30.000Z", "max_issues_repo_issues_event_max_datetime": "2019-11-19T19:07:34.000Z", "max_forks_repo_path": "src/components/nav.js", "max_forks_repo_name": "samajammin/esp-website", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 23.0454545455, "max_line_length": 59, "alphanum_fraction": 0.4812623274}
import React from "react"
import { useStaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
import { Link } from "gatsby"

const Nav = ({ hasShadow }) => {
  const data = useStaticQuery(graphql`
    query {
      file(relativePath: { eq: "favicons/114.png" }) {
        childImageSharp {
          fixed(width: 45) {
            ...GatsbyImageSharpFixed
          }
        }
      }
    }
  `)
  return (
    <nav
      className={hasShadow ? "nav-shadow" : ""}
      style={{
        position: `fixed`,
        zIndex: `100`,
        background: `#ffffff`,
        width: `100%`,
        padding: `15px 60px 5px 15px`,
        backgroundColor: `white`,
        display: `flex`,
        justifyContent: `space-between`,
        alignItems: `center`,
      }}
    >
      <div>
        <Link
          to="/"
          style={{
            display: `flex`,
            alignItems: `center`,
          }}
        >
          <Img
            fixed={data.file.childImageSharp.fixed}
            alt="Ethereum Ecosystem Support Program Logo"
          />
          <div
            className="nav-logo-text"
            style={{ margin: 0, marginLeft: `5px` }}
          >
            Ecosystem Support
          </div>
        </Link>
      </div>
      <div className="nav-links">
        <Link to="/" activeClassName="nav-link-active">
          Home
        </Link>
        <Link to="/faq/" activeClassName="nav-link-active">
          FAQ
        </Link>
      </div>
    </nav>
  )
}

export default Nav
