text: import React from 'react';
  import PropTypes from 'prop-types';
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
  import { faListAlt } from '@fortawesome/free-solid-svg-icons';
  
  import './Header.scss';
  
  const headerPropTypes = {
    className: PropTypes.string.isRequired,
  };
  
  const Header = ({ className }) => (
    <div className={className}>
      <div className="header__container">
        <nav className="navbar">
          <span className="header__span navbar-brand">
            <FontAwesomeIcon className="d-inline-block" icon={faListAlt} size="lg" alt="List emoji" />
          </span>
          <span className="header__span">Bit Todo App</span>
        </nav>
      </div>
    </div>
  );
  
  Header.propTypes = headerPropTypes;
  
  export default Header;
  