import React from "react";
import styled from "styled-components";
import Nav from "./Nav";

const StyledMain = styled.main`
  padding: ${(props) => props.theme.spacing[4]};
  background: ${(props) => props.theme.colors.secondary};
`;

const Layout = ({ children }) => (
  <>
    <header>
      <Nav />
    </header>
    <StyledMain>{children}</StyledMain>
  </>
);

export default Layout;