import React from 'react'
import Link from 'next/link'
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';

export default function Menu() {
  return (
	<Navbar bg="light" expand="lg">
	<Container>
	  <Navbar.Brand href="#home">Téléreview</Navbar.Brand>
	  <Navbar.Toggle aria-controls="basic-navbar-nav" />
	  <Navbar.Collapse id="basic-navbar-nav">
		<Nav className="me-auto">
		  <Link href="/" passHref legacyBehavior><Nav.Link>Accueil</Nav.Link></Link>
		  <Link href="/stats" passHref legacyBehavior><Nav.Link>Statistiques</Nav.Link></Link>
		  <Link href="/avis" passHref legacyBehavior><Nav.Link>Avis</Nav.Link></Link>
		</Nav>
	  </Navbar.Collapse>
	</Container>
  </Navbar>
  )
}
