oysterprotocol/webinterface

import React from "react";

import Button from "./button";

import "../root.css";

const ICON_LOGO = require("../../assets/images/logo.svg");

const Header = () => (
  <header className="App-header">
    <div role="navigation" className="navbar navbar-default">
      <div className="container">
        <div className="navbar-header">
          <Button
            type="button"
            className="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target="#navbar"
            aria-expanded="false"
            aria-controls="navbar"
          >
            <span className="sr-only">Toggle navigation</span>
            <span className="icon-bar" />
            <span className="icon-bar" />
            <span className="icon-bar" />
          </Button>
          <a href="/" className="logo" title="Oyster Storage's Logo">
            <img src={ICON_LOGO} className="header-logo" alt="logo" />
            <span className="App-title wordmark">Oyster Storage</span>
          </a>
        </div>
        <div id="navbar" className="navbar-collapse collapse">
          <ul className="nav navbar-nav navbar-right">
            <li className="navbar-row first dropdown">
              <a
                href="https://oysterprotocol.com/"
                role="button"
                aria-haspopup="true"
                aria-expanded="false"
                title="Home"
              >
                Oyster Home
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </header>
);

export default Header;