"use client"; import React, { useEffect, useState } from "react"; import Footer from "./components/Footer"; import "./assets/main.css"; import NavLink from "./components/NavLink"; export default function RootLayout({ children }) { const [numElements, setNumElements] = useState(0); const [containerWidth, setContainerWidth] = useState("max-w-4xl"); const [containerHeight, setContainerHeight] = useState("min-h-[50vh]"); useEffect(() => { // Supposons que children soit un tableau d'éléments const elementsCount = React.Children.count(children); setNumElements(elementsCount); // Ajustez la largeur en fonction du nombre d'éléments if (elementsCount > 5) { setContainerWidth("max-w-6xl"); setContainerHeight("min-h-[80vh]"); } else if (elementsCount > 3) { setContainerWidth("max-w-5xl"); setContainerHeight("min-h-[70vh]"); } else { setContainerWidth("max-w-4xl"); setContainerHeight("min-h-[60vh]"); } }, [children]); return (

Portofolio Gras-Calvet Fernand

{children}
); }