import React from 'react';

const Header = (): React.ReactElement => {
  return (
    <header className="header container">
      <a href="index.html">
        <img className="logo" src="./images/logo.svg" alt="" />
      </a>
      <nav>
        <ul className="nav-list">
          <li>
            <a href="./discover.html">Discover</a>
          </li>
          <li>
            <a href="./creators.html">creators</a>
          </li>
          <li>
            <a href="./creators.html">Sell</a>
          </li>
          <li>
            <a href="./creators.html">stats</a>
          </li>
        </ul>
      </nav>
      <button className="button">Connect Wallet</button>
    </header>
  );
};

export default Header;