import { useEffect, useState } from 'react';
import { Menu } from 'lucide-react';
import { Outlet } from 'react-router-dom';
import WorkshopSidebar from '@/components/workshop/WorkshopSidebar';
import { settingsService } from '@/services/settingsService';
export default function WorkshopLayout() { const [open,setOpen] = useState(false);   useEffect(() => { settingsService.apply(); }, []); return <div className="min-h-screen bg-workshop"><WorkshopSidebar open={open} onClose={() => setOpen(false)}/><header className="sticky top-0 z-20 flex h-16 items-center border-b border-white/10 bg-[#0b0f13]/90 px-4 backdrop-blur lg:ml-72 lg:hidden"><button className="touch-btn" onClick={() => setOpen(true)} aria-label="Open workshop navigation"><Menu/></button><span className="ml-3 font-semibold text-white">SHiRE LimbForge</span></header><main className="min-h-screen p-4 sm:p-6 lg:ml-72 lg:p-8"><Outlet/></main></div> }