import React from "react";
import Link from "../Link/Link";
import Icon from "../Icon/Icon";
import Auth from "./Auth";
import { Route } from "../../routes";
import "./header.less";

function Header() {
  return (
    <div id="header">
      <div className="links">
        <Link routeName={Route.repos} className="logo">
          <Icon name="fire" />
        </Link>
        <Link routeName={Route.addRepo} className="item">
          <Icon name="plus" /> Add a Repo
        </Link>
      </div>
      <Auth />
    </div>
  );
}

export default Header;