init projet

DataSentinel/src/components/Layout/Layout.jsx

@@ -0,0 +1,21 @@
+/* Composant de mise en page principal : header + sidebar + contenu */
+
+import { useState } from 'react';
+import Header from './Header';
+import Sidebar from './Sidebar';
+import { Outlet } from 'react-router-dom';
+import styles from './Layout.module.css';
+
+export default function Layout() {
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+
+  return (
+    <div className={styles.root}>
+      <Header onToggleSidebar={() => setSidebarOpen(o => !o)} />
+      <Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
+      <main className={styles.main}>
+        <Outlet />
+      </main>
+    </div>
+  );
+}