123456789101112131415161718192021222324252627282930313233343536373839404142 |
- import { Link } from "gatsby"
- import PropTypes from "prop-types"
- import React from "react"
- const Header = ({ siteTitle }) => (
- <header
- style={{
- background: `rebeccapurple`,
- marginBottom: `1.45rem`,
- }}
- >
- <div
- style={{
- margin: `0 auto`,
- maxWidth: 960,
- padding: `1.45rem 1.0875rem`,
- }}
- >
- <h1 style={{ margin: 0 }}>
- <Link
- to="/"
- style={{
- color: `white`,
- textDecoration: `none`,
- }}
- >
- {siteTitle}
- </Link>
- </h1>
- </div>
- </header>
- )
- Header.propTypes = {
- siteTitle: PropTypes.string,
- }
- Header.defaultProps = {
- siteTitle: ``,
- }
- export default Header
|