{"size": 1653, "ext": "js", "max_stars_repo_path": "src/components/header.js", "max_stars_repo_name": "rmarku/rmarku.github.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/header.js", "max_issues_repo_name": "rmarku/rmarku.github.io", "max_issues_repo_issues_event_min_datetime": "2020-03-06T14:39:45.000Z", "max_issues_repo_issues_event_max_datetime": "2020-03-06T14:40:42.000Z", "max_forks_repo_path": "src/components/header.js", "max_forks_repo_name": "rmarku/rmarku.github.io", "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": 29.0, "max_line_length": 89, "alphanum_fraction": 0.5378100423}
import React from "react"
// import { graphql, useStaticQuery } from "gatsby"
import { useIntl, Link, FormattedMessage } from "gatsby-plugin-intl"

import headerStyles from "./header.module.scss"
import SelectLang from "./selectLanguage"

const Header = () => {
  const intl = useIntl()
  const {  messages } = intl
  const title = messages["site-title"]
  const subtitle = messages["site-subtitle"]

  return (
    <header className={headerStyles.header}>
    <SelectLang/>
      <small style={{float: 'right',marginRight:'30px'}}>{subtitle}</small>
      <h1>
        <Link activeClassName={headerStyles.activeNavItem} to="/">
          {title}
        </Link>
      </h1>
      <nav>
        <ul>
          <li>
            <Link activeClassName={headerStyles.activeNavItem} to="/">
            {intl.formatMessage({ id: "Blog" })}
            </Link>
          </li>
          <li>
            <Link activeClassName={headerStyles.activeNavItem} to="/courses">
            <FormattedMessage id="Courses" />
            </Link>
          </li>
          <li>
            <Link activeClassName={headerStyles.activeNavItem} to="/about">
            {intl.formatMessage({ id: "About" })}
            </Link>
          </li>
          <li>
            <a activeclassname={headerStyles.activeNavItem} href="/cv"  target="_blank" >
            {intl.formatMessage({ id: "CV" })}
            </a>
          </li>
          <li>
            <Link activeClassName={headerStyles.activeNavItem} to="/uses">
            {intl.formatMessage({ id: "Uses" })}
            </Link>
          </li>
        </ul>
      </nav>
    </header>
  )
}

export default Header
