text: import React from "react"
  import { Link } from "gatsby"
  const ListLink = props => (
    <li style={{ display: `inline-block`, marginRight: `1rem`, textShadow: `none` }}>
      <Link to={props.to}>{props.children}</Link>
    </li>
    // TODO: set textShadow for links under li to none
  )
  export default ({ children }) => (
      <div style={{ margin: `3rem auto`, maxWidth: 650, padding: `0 1rem` }}>
      <header style={{ marginBottom: `1.5rem` }}>
        <Link to="/" style={{ textShadow: `none`, backgroundImage: `none` }}>
          <h3 style={{ display: `inline` }}>Hack New Haven</h3>
        </Link>
        <ul style={{ listStyle: `none`, float: `right` }}>
          <ListLink to="/">Home</ListLink>
          <ListLink to="/about/">About</ListLink>
          <ListLink to="/contact/">Contact</ListLink>
        </ul>
      </header>
      {children}
      </div>
  )