content: import React from 'react';
  import Relay from 'react-relay';
  
  var ReactBootstrap  = require('react-bootstrap');
  
  class Header extends React.Component {
    onReload() {
      this.props.relay.forceFetch();
    }
  
  
      componentWillMount() {
          document.body.style.backgroundColor = "#e9ebee";
      }
      componentWillUnmount(){
          document.body.style.backgroundColor = null;
      }
  
    render() {
      var Navbar = ReactBootstrap.Navbar;
      var Nav = ReactBootstrap.Nav;
      var NavItem = ReactBootstrap.NavItem;
      var DropdownButton = ReactBootstrap.DropdownButton;
      var MenuItem = ReactBootstrap.MenuItem;
      var NavDropdown = ReactBootstrap.Dropdown;
      return (
        <div>
            <Navbar inverse collapseOnSelect fluid style={{width: "100%", background: "#4267b2"}}>
              <Navbar.Header style={{width: "100%" , background: "#4267b2"}}>
                <Navbar.Brand>
                  <span>
                    <a href="#" style={{width: "100%", backgroundColor: "transparent",fontSize: "14px", fontWeight: "bold",
                    fontFamily: "Helvetica",color: "white"}}>Funnas - Place for great deals !!!</a>
                  </span>
                </Navbar.Brand>
                <Navbar.Toggle />
              </Navbar.Header>
            </Navbar>
        </div>
        );
      }
  }
  export default Relay.createContainer(Header, {
    fragments: {
    },
  });
  