22 lines
709 B
JavaScript
22 lines
709 B
JavaScript
// src/components/Layout.jsx
|
|
import React from "react";
|
|
import Header from "./Header"; // Passe den Pfad an, falls nötig
|
|
import Navigation from "./Navigation"; // Passe den Pfad an, falls nötig
|
|
import Footer from "./Footer"; // Passe den Pfad an, falls nötig
|
|
|
|
function Layout({ children }) {
|
|
return (
|
|
<div className="bg-gray-100 flex flex-col min-h-screen">
|
|
<Header className="bg-gray-300 p-4 flex-shrink-0" />
|
|
<div className="flex flex-grow w-full">
|
|
<Navigation />
|
|
{/* Der eigentliche Seiteninhalt */}
|
|
<main className="flex-1 p-8">{children}</main>
|
|
</div>
|
|
<Footer className="bg-gray-300 p-4 flex-shrink-0" />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Layout;
|