content: import React from 'react';
  import { IndexLink, Link } from 'react-router';
  
  class Header extends React.Component {
    render() {
      const active = { borderBottomColor: '#3f51b5' };
      return (
        <nav className="navbar navbar-default navbar-static-top">
          <div className="container">
            <div className="navbar-header">
              <button type="button" data-toggle="collapse" data-target="#navbar" className="navbar-toggle collapsed">
                <span className="sr-only">Toggle navigation</span>
                <span className="icon-bar"></span>
                <span className="icon-bar"></span>
                <span className="icon-bar"></span>
              </button>
              <IndexLink to="/" className="navbar-brand">Word Count</IndexLink>
            </div>
            <div id="navbar" className="navbar-collapse collapse">
              <ul className="nav navbar-nav">
                <li><IndexLink to="/" activeStyle={active}>Home</IndexLink></li>
                <li><Link to="/contact" activeStyle={active}>Contact</Link></li>
              </ul>
            </div>
          </div>
        </nav>
      );
    }
  }
  
  export default Header;
  