text: import React from "react";
  import "./AppHeader.scss";
  
  function AppHeader({ ...props }) {
    return (
      <header className="bg-primary mb-4" {...props}>
        <div className="container">
          <div className="row">
            <nav className="navbar navbar-expand navbar-dark">
              <a className="navbar-brand" href="/">
                Home
              </a>
  
              <ul className="navbar-nav mr-auto">
                <li className="nav-item">
                  <a className="nav-link" href="/">
                    Products
                  </a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </header>
    );
  }
  
  export default AppHeader;
  