import React from 'react';
import { NavLink } from 'react-router-dom';

import './Navbar.scss';

interface Props {}

interface State {}

export default class Navbar extends React.Component<Props, State> {
  constructor(props: Props) {
    super(props);
  }

  render() {
    return (
      <div className="Navbar">
        <div className="Navbar__header">
          <span>React Starter</span>
          <a href="https://github.com/mgerb/react-webpack2-seed">
            GitHub
            <i className="fa fa-github" aria-hidden="true" />
          </a>
        </div>

        <div className="Navbar__nav">
          <NavLink
            to="/"
            className="Navbar__item"
            exact
            activeClassName="Navbar__item--active"
          >
            Home
          </NavLink>
          <NavLink
            to="/new"
            className="Navbar__item"
            exact
            activeClassName="Navbar__item--active"
          >
            New
          </NavLink>
        </div>
      </div>
    );
  }
}