\n onPageChange(item.id as Page)}\n className={`w-full flex items-center px-4 py-3 text-left rounded-lg transition-all duration-200 ${\n currentPage === item.id\n ? 'sidebar-active text-indigo-700 font-medium'\n : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900'\n }`}\n >\n {item.icon}\n {item.label}\n \n

\n \n

\n Quick Actions\n

\n onPageChange('students')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n ➕\n Add Student\n \n
\n onPageChange('attendance')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n 📋\n Mark Attendance\n \n
\n onPageChange('grades')}\n className=\"w-full flex items-center px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg transition-colors\"\n >\n 🎯\n Add Grade\n \n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/Deep_25/untitled-9443/code/frontend/components/Navigation.tsx","extension","actionData","errors"]