text: import React, { Component } from 'react'
  import { Link } from "react-router-dom";
  import Navbar from 'react-bootstrap/Navbar'
  import Container from 'react-bootstrap/Container'
  import Nav from 'react-bootstrap/Nav'
  
  export class Header extends Component {
    render() {
      return (
        <Navbar bg="dark" variant="dark" expand="lg">
          <Container>
            <Navbar.Brand>Cocktail App</Navbar.Brand>
            <Navbar.Toggle aria-controls="basic-navbar-nav" />
            <Navbar.Collapse id="basic-navbar-nav">
              <Nav className="me-auto">
                <Link to="/" style={{padding:'0 15px',textDecoration:'none'}}>Home</Link>
                <Link to="/favorite" style={{padding:'0 15px',textDecoration:'none'}}>Favorite</Link>
                
              </Nav>
            </Navbar.Collapse>
          </Container>
        </Navbar>
      )
    }
  }
  
  export default Header
  