import React from 'react';
import { Header, Footer, FooterNav } from '../../components/customer/block';
import { Box } from '../../components/customer/containers'

type Props = { children: React.ReactNode };

export const MainLayout: React.FC<Props> = ({children}) => {
  return (
    <div className="wrapper">
      <Header/>
      <div className="content">
        {children}
        <Box><FooterNav/></Box>
        
        <Footer/>
      </div>
    </div>
  );
};