'use client' import { useState, useEffect } from 'react'; import SideNav from "@/components/custom/Side_Nav"; import Navbar from "@/components/custom/Nav_bar"; export default function CreatorLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const [isMobile, setIsMobile] = useState(false); const [drawerOpen, setDrawerOpen] = useState(false); useEffect(() => { // Function to handle resize and set mobile state const handleResize = () => { setIsMobile(window.innerWidth < 768); }; // Set initial state handleResize(); // Add event listener window.addEventListener("resize", handleResize); // Cleanup return () => window.removeEventListener("resize", handleResize); }, []); return (
{/* SideNav - hidden on mobile, fixed on desktop */}
{/* Main content - full width on mobile, with margin on desktop */}
{children}
); }