import { Link } from 'gatsby';
import React from 'react';

import './styles.scss';

const Header = () => (
  <header
    className="HeaderBlock"
  >
    <div className="nav-container nav-container-md">
      <div className="nav-container nav-item nav-item-10">
        <h4>
          <Link
            to="/"
            className="LinkText"
          >
            Home
          </Link>
        </h4>
        {/* <h4 className="divider">/</h4>
        <h4>
          <Link
            to="/about"
            className="LinkText"
          >
            Games
          </Link>
        </h4>
        <h4 className="divider">/</h4>
        <h4>
          <Link
            to="/about"
            className="LinkText"
          >
            Gallery
          </Link>
        </h4> */}
        <h4 className="divider">/</h4>
        <h4>
          <Link
            to="/about"
            className="LinkText"
          >
            About
          </Link>
        </h4>
      </div>
    </div>
  </header>
);

export default Header;
