import { Link, routes } from '@redwoodjs/router';

const BlogLayout = ({ children }) => {
  return <>
    <header>
      <h1>
        <Link to={routes.home()}>Colin's Redwood Blog</Link>
      </h1>
      <nav>
        <ul>
          <li>
            <Link to={routes.home()}>Home</Link>
          </li>
          <li>
            <Link to={routes.about()}>About</Link>
          </li>
          <li>
            <Link to={routes.contact()}>Contact Us</Link>
          </li>
        </ul>
      </nav>
    </header>
    <main>{children}</main></>
}

export default BlogLayout
