import Header from "../header/header";
import Footer from "../footer/footer";

import styles from './layout.module.scss';

export function Layout({menuHeader = [], menuFooter = [], children}) {
  return (
    <>
      <Header items={menuHeader}/>
      <div className={styles['app-container'] + ' max-w-lg mx-auto'}>
        {children}
      </div>
      <Footer items={menuFooter}/>
    </>
  );
}

export default Layout;