chore: change app to use a layout

I can now insert header/footer on each pages.

1 files changed, 16 insertions, 0 deletions

diff --git a/src/components/Layouts/Layout.tsx b/src/components/Layouts/Layout.tsx
new file mode 100644
index 0000000..4270a17
--- /dev/null
+++ b/src/components/Layouts/Layout.tsx
@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react';
+import Footer from '@components/Footer/Footer';
+import Header from '@components/Header/Header';
+import Main from '@components/Main/Main';
+
+const Layout: FunctionComponent = ({ children }) => {
+  return (
+    <>
+      <Header />
+      <Main>{children}</Main>
+      <Footer />
+    </>
+  );
+};
+
+export default Layout;