import React, { Component } from "react";
import { Link } from "react-router-dom";
import { Menu } from "semantic-ui-react";

class Navbar extends Component {
  render() {
    return (
      <Menu>
        <Menu.Item as={Link} to="/">
          Caremyway
        </Menu.Item>
        <Menu.Item as={Link} to="/about">
          About
        </Menu.Item>
        <Menu.Menu position="right">
          <Menu.Item as={Link} to="/auth/login">
            Login
          </Menu.Item>
          <Menu.Item as={Link} to="/auth/register">
            Register
          </Menu.Item>
        </Menu.Menu>
      </Menu>
    );
  }
}

export default Navbar;
