function MainComponent() { const [activeTab, setActiveTab] = useState('tab1'); const [assignments, setAssignments] = useState([]); const [students, setStudents] = useState([]); const [categories, setCategories] = useState([ 'Test', 'Quiz', 'Homework', 'Classwork' ]); const handleFileImport = (event, type)=>{ // File import logic will go here }; const handleGradeChange = (assignmentIndex, studentId, grade)=>{ // Grade update logic will go here }; const addAssignment = (category)=>{ // Adding new assignment logic will go here }; const addStudent = (studentInfo)=>{ // Adding new student logic will go here }; const StudentGradeInput = ({ assignment, student })=>{ return /*#__PURE__*/ React.createElement("input", { type: "text", name: `grade-${assignment.id}-${student.id}`, className: "w-20 p-1 border-[#ccc] font-roboto", value: assignment.grades[student.id] || '', onChange: (e)=>handleGradeChange(assignment.id, student.id, e.target.value), pattern: "^(100|([0-9]{1,2})|[MLE])$", title: "Grade can be 0-100, M (Missing), L (Late), E (Exempt)", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }); }; const renderTabContent = ()=>{ switch(activeTab){ case 'tab1': return /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", className: "w-full p-2 border-[#ccc] font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "w-full p-2 border-[#ccc] font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-[#007bff] text-white font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "Sign In")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>addAssignment('Homework'), className: "mt-4 p-2 bg-[#28a745] text-white font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Add Homework"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addAssignment('Test'), className: "ml-2 p-2 bg-[#28a745] text-white font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Add Test"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addAssignment('Quiz'), className: "ml-2 p-2 bg-[#28a745] text-white font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Add Quiz"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addAssignment('Classwork'), className: "ml-2 p-2 bg-[#28a745] text-white font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "Add Classwork")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "import-students", onChange: (e)=>handleFileImport(e, 'students'), __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "import-assignments", onChange: (e)=>handleFileImport(e, 'assignments'), __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }))); case 'tab2': return /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "Google Classroom Codes"); case 'tab3': return /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "How To"); case 'tab4': return /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "Schedule"); case 'tab5': return /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "Contact Me"); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex border-b border-[#ccc]", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('tab1'), className: `p-4 ${activeTab === 'tab1' ? 'text-blue-500 border-b-2 border-blue-500' : ''} cursor-pointer`, __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Grade Checker Tool"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('tab2'), className: `p-4 ${activeTab === 'tab2' ? 'text-blue-500 border-b-2 border-blue-500' : ''} cursor-pointer`, __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Google Classroom Codes"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('tab3'), className: `p-4 ${activeTab === 'tab3' ? 'text-blue-500 border-b-2 border-blue-500' : ''} cursor-pointer`, __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "How To"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('tab4'), className: `p-4 ${activeTab === 'tab4' ? 'text-blue-500 border-b-2 border-blue-500' : ''} cursor-pointer`, __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "Schedule"), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setActiveTab('tab5'), className: `p-4 ${activeTab === 'tab5' ? 'text-blue-500 border-b-2 border-blue-500' : ''} cursor-pointer`, __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "Contact Me")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, renderTabContent())); }