import Header from './Header';
import { min } from '@/styles/mq';
import styled from 'styled-components';

const Main = styled.main`
  ${min('desktop-xl')} {
    padding: 8px 10% !important;
  }
`;

export default function Layout({ children }) {
  return (
    <>
      <Header />
      <Main>{children}</Main>
    </>
  );
}