From 3b308367d2ab1f2ec4dea28976bde324c0b4014e Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 18 Nov 2023 17:41:29 +0100
Subject: [PATCH] Created the Root.jsx layout

---
 client/src/common/layouts/Root/Root.jsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 client/src/common/layouts/Root/Root.jsx

diff --git a/client/src/common/layouts/Root/Root.jsx b/client/src/common/layouts/Root/Root.jsx
new file mode 100644
index 0000000..99cd1f8
--- /dev/null
+++ b/client/src/common/layouts/Root/Root.jsx
@@ -0,0 +1,24 @@
+import Header from "@/common/components/Header";
+import "./styles.sass";
+import Footer from "@/common/components/Footer";
+import {useOutlet} from "react-router";
+import Background from "@/common/components/Background";
+
+export const Root = () => {
+    const outlet = useOutlet();
+
+    return (
+        <div className="root">
+            <Header />
+
+            <main>
+                {outlet}
+            </main>
+
+            <Footer />
+
+            <Background />
+
+        </div>
+    );
+}
\ No newline at end of file