import { X } from 'lucide-react';
import WorkshopNav from '@/components/workshop/WorkshopNav';
import WorkshopSearch from '@/components/workshop/WorkshopSearch';
export default function WorkshopSidebar({ open, onClose }) { return <><button aria-label="Close navigation" onClick={onClose} className={`fixed inset-0 z-30 bg-black/70 lg:hidden ${open ? 'block' : 'hidden'}`}/><aside className={`fixed inset-y-0 left-0 z-40 w-72 border-r border-white/10 bg-[#10151a] transition-transform lg:translate-x-0 ${open ? 'translate-x-0' : '-translate-x-full'}`}><div className="flex h-24 items-center justify-between px-6"><div><p className="text-2xl font-black tracking-[0.12em] text-white">SHiRE</p><p className="text-xs uppercase tracking-[0.18em] text-violet-400">LimbForge Workshop</p></div><button onClick={onClose} className="touch-btn lg:hidden" aria-label="Close navigation"><X/></button></div><div className="mx-4 mb-4 rounded-xl border border-violet-400/20 bg-violet-400/5 px-4 py-3"><p className="text-xs font-semibold text-violet-300">WORKSHOP OWNER MODE</p><p className="mt-1 text-xs text-slate-500">Private authorised access</p></div><div className="h-[calc(100vh-9rem)] overflow-y-auto"><WorkshopSearch/><WorkshopNav onNavigate={onClose}/></div></aside></> }