text: import { Link } from "gatsby"
  import PropTypes from "prop-types"
  import React from "react"
  
  import Nav from "./nav"
  
  const Header = ({ siteTitle, siteDescription }) => (
    <header>
      <Nav />
      <div>
        <h1>
          <Link
            to="/"
            style={{
              textDecoration: `none`,
            }}
          >
            {siteTitle}
          </Link>
        </h1>
        <p style={{ color: "white" }}>{siteDescription}</p>
      </div>
    </header>
  )
  
  Header.propTypes = {
    siteTitle: PropTypes.string,
  }
  
  Header.defaultProps = {
    siteTitle: ``,
  }
  
  export default Header
  