import React from 'react';

export default class Navbar extends React.Component{

    render(){
       
        return (
            
            <nav className="navbar navbar-expand-lg navbar-light bg-light" id="id">
                <a className="navbar-brand" href="www.facebook.com">
                    <img src="/logo192.png" width="30" height="30" alt="" />
                </a>

                <div className="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul className="navbar-nav mr-auto">
                    <li className="nav-item active">
                        <a className="nav-link" href="www.facebook.com">Home <span className="sr-only">(current)</span></a>
                    </li>
                    </ul>
                    <form className="form-inline my-2 my-lg-0">
                    <input className="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" />
                    <button className="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                    </form>
                </div>
            </nav>
        )
      
    }
}