import React, { Component } from "react";
import { Navbar, Nav } from "react-bootstrap";

class Menu extends Component {
	render() {
		const { handleMenuClick } = this.props;

		return (
			<Navbar bg="light" expand="lg">
				<Navbar.Brand>Wear Right</Navbar.Brand>
				<Navbar.Toggle aria-controls="basic-navbar-nav" />

				<Navbar.Collapse id="basic-navbar-nav">
					<Nav className="mr-auto">
						<Nav.Link onClick={e => handleMenuClick("home")} href="#">
							Päänäkymä
						</Nav.Link>
						<Nav.Link onClick={e => handleMenuClick("plan")} href="#">
							Suunnittele Matka
						</Nav.Link>
						<Nav.Link onClick={e => handleMenuClick("edit")} href="#">
							Muokkaa Profiilejasi
						</Nav.Link>
						<Nav.Link onClick={e => handleMenuClick("add")} href="#">
							Lisää Profiili
						</Nav.Link>
					</Nav>
				</Navbar.Collapse>
			</Navbar>
		);
	}
}
export default Menu;