import React from 'react';
import {Link} from 'react-router-dom';
import './Header.scss';
const Header = () => {
  return (    
    <nav className="navbar navbar-expand-md navbar-light navbar-white">
      <div className="container">
      <Link to="/" className="navbar-brand">
          <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRmiNXzLyS4xRsUFmpTynL40UuAaOtMrnHtpw&usqp=CAU" alt="Scrapper" className="brand-image img-circle elevation-3" />
          <span className="brand-text font-weight-light">Scrapper</span>
        </Link>
      <button className="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span className="navbar-toggler-icon"></span>
      </button>
      </div>
    </nav>
  
  );
};

Header.propTypes = {
 
};
export default Header;
