content: import React, { Component } from 'react';
  import { Collapse, Navbar, NavbarToggler, NavbarBrand, Nav, NavItem, NavLink } from 'reactstrap';
  import { Link } from 'react-router-dom';
  
  class Header extends Component {
      constructor(props) {
      super(props);
  
      this.toggle = this.toggle.bind(this);
      this.state = {
        isOpen: false
      };
    }
    toggle() {
      this.setState({
        isOpen: !this.state.isOpen
      });
    }
    render() {
  	return (
          <div>
          <Navbar color="faded" light toggleable>
            <NavbarToggler right onClick={this.toggle} />
            <NavbarBrand href="/">Stillwaters Farm</NavbarBrand>
            <Collapse isOpen={this.state.isOpen} navbar>
              <Nav className="ml-auto" navbar>
                <NavItem>
                  <NavLink href="/about">About</NavLink>
                </NavItem>
                <NavItem>
                  <NavLink href="/gallery">Gallery</NavLink>
                </NavItem>
                <NavItem>
                  <NavLink href="/calendar">Calendar</NavLink>
                </NavItem>
                <NavItem>
                  <NavLink href="/contact">Contact Us</NavLink>
                </NavItem>
                <NavItem>
                  <NavLink href="http://stillwatersfarm-1271.appspot.com/Home.html" target="_blank">Original</NavLink>
                </NavItem>
              </Nav>
            </Collapse>
          </Navbar>
        </div>
  	);
    }
  }
  
  export default Header;