{"size": 1050, "ext": "js", "max_stars_repo_path": "src/components/layout/header/index.js", "max_stars_repo_name": "precto1285/betheboss", "max_stars_repo_stars_event_min_datetime": "2019-04-15T20:06:02.000Z", "max_stars_repo_stars_event_max_datetime": "2019-04-15T20:06:02.000Z", "max_issues_repo_path": "src/components/layout/header/index.js", "max_issues_repo_name": "precto1285/betheboss", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/layout/header/index.js", "max_forks_repo_name": "precto1285/betheboss", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.5882352941, "max_line_length": 60, "alphanum_fraction": 0.5619047619}
import {
  Container,
  SmallLogo,
  Logo,
  Menu,
  Nav,
  StyledImg
  // Spacer,
} from "./style"
import { Link } from "gatsby"
import PropTypes from "prop-types"
import React from "react"
// import Icon from '../Icon/'
// import Image from "../image"
import btbLogo from "../../../images/bethebossicon.jpg"
import MenuItem from "./menuItem"

const Header = () => (
  <Nav>
    <Container>
      {/* <SmallLogo>
        <Link to="/">
          <img alt="Be The Boss" src={btbLogo} />
        </Link>
      </SmallLogo> */}
      <Logo>
        <Link to="/">
          <StyledImg alt="Be The Boss" src={btbLogo} />
        </Link>
      </Logo>
      {/* <Spacer /> */}
      <Menu>
        <MenuItem to="/about">About</MenuItem>
        <MenuItem to="/team">Team</MenuItem>
        <MenuItem to="/get-involved">Get Involved</MenuItem>
        <MenuItem to="/events">Events</MenuItem>
      </Menu>
    </Container>
  </Nav>
)

Header.propTypes = {
  siteTitle: PropTypes.string,
}

Header.defaultProps = {
  siteTitle: ``,
}

export default Header
