import React from 'react';
import Header from './NavBar/Header';
import NavBar from './NavBar/NavBar';
import Footer from './Footer/Footer';

const Layout = (({ children, className = "" }: { children: React.ReactNode, className?: string }) => {
  return (
    <div className='Layout'>
      <Header/>
      <NavBar />
      <main className={`${className} Layout_Body`}>
        {children}
      </main>
      <Footer />
    </div>
  );
});

export default Layout;
