From 913aace27fe057dfa9bff653279ef47e29d9a2a6 Mon Sep 17 00:00:00 2001
From: "theis.gaedigk" <theis.gaedigk@icloud.com>
Date: Mon, 18 Aug 2025 16:08:18 +0200
Subject: [PATCH] Added Layout and Header component

---
 frontend/src/components/Header.tsx | 11 ++++++++++
 frontend/src/layout/Layout.tsx     | 32 ++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 frontend/src/components/Header.tsx
 create mode 100644 frontend/src/layout/Layout.tsx

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
new file mode 100644
index 0000000..20f4c90
--- /dev/null
+++ b/frontend/src/components/Header.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+
+const Header: React.FC = () => {
+  return (
+    <header>
+      <h1>Header</h1>
+    </header>
+  );
+};
+
+export default Header;
diff --git a/frontend/src/layout/Layout.tsx b/frontend/src/layout/Layout.tsx
new file mode 100644
index 0000000..6f20ddc
--- /dev/null
+++ b/frontend/src/layout/Layout.tsx
@@ -0,0 +1,32 @@
+import React from "react";
+import Header from "../components/Header";
+import "../App.css";
+import { ToastContainer } from "react-toastify";
+
+type LayoutProps = {
+  children: React.ReactNode;
+};
+
+const Layout: React.FC<LayoutProps> = ({ children }) => {
+  return (
+    <>
+      <Header />
+      <main>{children}</main>
+      <footer></footer>
+      <ToastContainer
+        position="top-right"
+        autoClose={5000}
+        hideProgressBar={false}
+        newestOnTop
+        closeOnClick
+        rtl={false}
+        pauseOnFocusLoss={false}
+        draggable
+        pauseOnHover
+        theme="light"
+      />
+    </>
+  );
+};
+
+export default Layout;