content: import React from 'react';
  import {Link} from 'react-router';
  
  export default (props) => (
    <div>
      <div className="color-line">
      </div>
      <div id="logo" className="light-version">
          <span>
            {props.appName}
          </span>
      </div>
      <nav role="navigation">
        <Link to="#" className="header-link hide-menu" onClick={(e) => props.sidebar(e)}><i className="fa fa-bars" /></Link>
        <div className="small-logo">
          <span className="text-primary">{props.appName}</span>
        </div>
        <div className="mobile-menu">
          <button type="button" className="navbar-toggle mobile-menu-toggle" data-toggle="collapse" data-target="#mobile-collapse">
            <i className="fa fa-chevron-down" />
          </button>
          <div className="collapse mobile-navbar" id="mobile-collapse">
            <ul className="nav navbar-nav">
              <li>
                <Link to="/" className="" onClick={(e) => Meteor.logout()}>退出</Link>
              </li>
              <li>
                <Link className="" to="/">回到主页</Link>
              </li>
            </ul>
          </div>
        </div>
        <div className="navbar-right">
          <Link to="/" className="btn btn-info" style={{margin: '10px 20px'}}>回到主页<i className="pe-7s-upload pe-rotate-90" /></Link>
        </div>
      </nav>
    </div>
  );
  