From 3acf750ae6cefc932ec77836fa9e717488b644b5 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 30 Jul 2023 20:46:27 +0200
Subject: [PATCH] Created the Dashboard.jsx state

---
 src/states/Dashboard/Dashboard.jsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/states/Dashboard/Dashboard.jsx

diff --git a/src/states/Dashboard/Dashboard.jsx b/src/states/Dashboard/Dashboard.jsx
new file mode 100644
index 0000000..8277a09
--- /dev/null
+++ b/src/states/Dashboard/Dashboard.jsx
@@ -0,0 +1,19 @@
+import {Box, Toolbar} from "@mui/material";
+import {Outlet} from "react-router-dom";
+import Header from "@/states/Dashboard/components/Header";
+import Sidebar from "@/states/Dashboard/components/Sidebar";
+
+const drawerWidth = 240;
+
+export const Dashboard = () => {
+    return (
+        <Box sx={{display: "flex", overflow: "hidden"}}>
+            <Header />
+            <Sidebar />
+            <Box component="main" sx={{flexGrow: 1, p: 3, ml: {sm: `${drawerWidth}px`}}}>
+                <Toolbar/>
+                <Outlet />
+            </Box>
+        </Box>
+    )
+}
\ No newline at end of file