import {FunctionComponent, Fragment} from 'react';

interface Props {
  showMenu?: boolean;
}

const Header: FunctionComponent<Props> = ({ showMenu = true }) => {
  return (
    <Fragment>
      <header className="header">
        <div className="logo">
          <div className="ring">
            <div className="internal-ring">
              <hr />
              <span>RAA</span>
              <hr />
            </div>
          </div>
        </div>
        <div className="texts">
          <h1>Rômulo Alves</h1>
          <h2>Software Engineer</h2>
        </div>
      </header>
      {showMenu && (
        <nav className="nav">
          <ul>
            <li><a href="#">About me</a></li>
            <li><a href="#">Resumé</a></li>
          </ul>
        </nav>
      )}
    </Fragment>
  );
};

export default Header;