text: // import React from 'react';
  
  // export default (props)=> {
  //     return (
  //         <div style={{width: `100%`, height: `80px`, backgroundColor:`green`}}>
  //             <h1>{props.title}</h1>
  //         </div>
  //     );
  // }
  
  import React from 'react';
  // import HeaderStles from './Header.module.css';
  
  const Header = (props) => {
      return (
          <Navbar bg="light" expand="lg">
              <Navbar.Brand href="#home">{props.title}</Navbar.Brand>
              <Navbar.Toggle aria-controls="basic-navbar-nav" />
              <Navbar.Collapse id="basic-navbar-nav">
      <Nav className="mr-auto">
        <Nav.Link href="#home">Home</Nav.Link>
        <Nav.Link href="#link">Link</Nav.Link>
        <NavDropdown title="Dropdown" id="basic-nav-dropdown">
          <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
          <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
          <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
          <NavDropdown.Divider />
          <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>
        </NavDropdown>
      </Nav>
      <Form inline>
        <FormControl type="text" placeholder="Search" className="mr-sm-2" />
        <Button variant="outline-success">Search</Button>
      </Form>
    </Navbar.Collapse>
  </Navbar>
      );
  };
  
  export default Header;