diff --git a/src/components/BaseLayout.tsx b/src/components/BaseLayout.tsx
new file mode 100644
index 0000000..e5331df
--- /dev/null
+++ b/src/components/BaseLayout.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+type Props = {
+    header?: React.ReactElement,
+    children: React.ReactNode,
+    footer?: React.ReactElement,
+    className : string,
+}
+
+function BaseLayout( { header, footer, children, className }: Props ) {
+    return (
+    <div className={className}>
+        <header>
+            {header}
+        </header>
+
+        <main>
+            {children}
+        </main>
+
+        <footer>
+            {footer}
+        </footer>
+    </div>
+    );
+  }
+  
+  export default BaseLayout;
+  
\ No newline at end of file