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