rsnext/examples/with-netlify-cms/components/layout.js
Joe Haddad 18a9c7e371
Improve linting rules to catch more errors (#9374)
* Update `packages/`

* Update examples

* Update tests

* Update bench

* Update top level files

* Fix build

* trigger
2019-11-10 19:24:53 -08:00

33 lines
556 B
JavaScript

import Link from 'next/link'
const Layout = ({ children }) => (
<>
<nav>
<Link href="/">
<a>home</a>
</Link>
<Link href="/blog">
<a>blog</a>
</Link>
<Link href="/about">
<a>about</a>
</Link>
</nav>
<main>{children}</main>
<style jsx>{`
nav {
text-align: center;
}
nav a {
margin-right: 2px;
padding: 4px;
}
main {
display: flex;
flex-direction: column;
}
`}</style>
</>
)
export default Layout