{"size": 657, "ext": "js", "max_stars_repo_path": "src/components/organisms/Header.js", "max_stars_repo_name": "takayuki-0107/gatsby-portfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/organisms/Header.js", "max_issues_repo_name": "takayuki-0107/gatsby-portfolio", "max_issues_repo_issues_event_min_datetime": "2022-02-10T23:01:42.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-10T23:01:42.000Z", "max_forks_repo_path": "src/components/organisms/Header.js", "max_forks_repo_name": "takayuki-0107/gatsby-portfolio", "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": 19.3235294118, "max_line_length": 46, "alphanum_fraction": 0.6118721461}
import React from "react"
import styled from "@emotion/styled"

import HeaderTitle from "../atoms/HeaderTitle"
import Nav from "../molecules/Nav"
// import MobileNav from "./MobileNav"

import Size from "../../styles/Size"

const Header = styled.header`
  width: 100%;
  height: 85px;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: rgba(365, 365, 365, 0.9);
  div {
    width: inherit;
    display: flex;
    justify-content: space-between;
    padding: 0 ${Size(20)};
  }
`

export default ({ siteTitle }) => (
  <Header>
    <div>
      <HeaderTitle title={siteTitle} />
      <Nav />
      {/* <MobileNav /> */}
    </div>
  </Header>
)
