added Footer and Header to base layout

src/components/BaseLayout.tsx

@@ -1,28 +1,23 @@
 import React from "react";
+// import { Footer } from "./parts/Footer";
+import Header from "./parts/Header";
 type Props = {
-    header?: React.ReactElement,
+  header?: React.ReactElement;
-    children: React.ReactNode,
+  children: React.ReactNode;
-    footer?: React.ReactElement,
+  footer?: React.ReactElement;
-    className : string,
+  className?: string;
-}
+};
 
-function BaseLayout( { header, footer, children, className }: Props ) {
+function BaseLayout({ header, footer, children, className }: Props) {
   return (
     <div className={className}>
-        <header>
+      {/* <Header /> */}
-            {header}
-        </header>
 
-        <main>
+      <main>{children}</main>
-            {children}
-        </main>
 
-        <footer>
+      {/* <Footer /> */}
-            {footer}
-        </footer>
     </div>
   );
-  }
+}
-  
-  export default BaseLayout;
 
+export default BaseLayout;