import { NavLink } from 'react-router-dom';
import { navItems } from '@/components/workshop/navItems';
import { authService } from '@/services/authService';
export default function WorkshopNav({ onNavigate }) { return <nav aria-label="Workshop navigation" className="space-y-1 px-3 pb-6">{navItems.map(([label,path,Icon]) => path === '#lock' ? <button key={label} onClick={() => authService.lockWorkshop()} className="nav-link w-full"><Icon/><span>{label}</span></button> : <NavLink key={label} to={path} onClick={onNavigate} className={({isActive}) => `nav-link ${isActive && path !== '/not-implemented' ? 'nav-link-active' : ''}`}><Icon/><span>{label}</span></NavLink>)}</nav> }