import { Box } from '@mui/material';
import React from 'react';
import Footer from '../footer/Footer';
import MainNav from '../navbar/MainNav';

type LayoutProps = {
  children: JSX.Element | JSX.Element[]
}

const Layout: React.FC<LayoutProps> = ({ children }) => {
  return (
    <>
      <Box sx={{ width: '100%' }}>
        {/* <Navbar /> */}
        <MainNav />
        <main>{children}</main>
        <Footer></Footer>
      </Box>
    </>
  );
}

export default Layout;