diff options
author | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:46:06 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-08-23 16:48:30 -0300 |
commit | 38acabfa6089ab8ac469c12b5f55022fb96935e5 (patch) | |
tree | 453dbf70000cc5e338b06201af1eaca8343f8f73 /@linaria/examples/gatsby/plugin/src/components/header.js | |
parent | f26125e039143b92dc0d84e7775f508ab0cdcaa8 (diff) | |
download | node-vendor-master.tar.gz node-vendor-master.tar.bz2 node-vendor-master.zip |
Diffstat (limited to '@linaria/examples/gatsby/plugin/src/components/header.js')
-rw-r--r-- | @linaria/examples/gatsby/plugin/src/components/header.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/@linaria/examples/gatsby/plugin/src/components/header.js b/@linaria/examples/gatsby/plugin/src/components/header.js new file mode 100644 index 0000000..8990b7e --- /dev/null +++ b/@linaria/examples/gatsby/plugin/src/components/header.js @@ -0,0 +1,42 @@ +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 |