// 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;