function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [credits, setCredits] = React.useState(30); const graduationRequirements = 120; const remainingCredits = graduationRequirements - credits; const login = ()=>setIsLoggedIn(true); const logout = ()=>setIsLoggedIn(false); const register = ()=>setIsLoggedIn(true); const addCompletedSubject = ()=>setCredits((prev)=>prev + 3); // Example value const editCompletedSubject = ()=>setCredits((prev)=>prev); const deleteCompletedSubject = ()=>setCredits((prev)=>prev - 3); // Example value return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-4 bg-[#282c34] text-white", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: login, className: "px-4 py-2 bg-blue-500 rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Login"), /*#__PURE__*/ React.createElement("button", { onClick: register, className: "px-4 py-2 bg-gray-500 rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Register")) : /*#__PURE__*/ React.createElement("button", { onClick: logout, className: "px-4 py-2 bg-red-500 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Logout")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Current Credits:"), " ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 31, columnNumber: 69 }, __self: this }, credits)), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Graduation Requirements:"), " ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 34, columnNumber: 77 }, __self: this }, graduationRequirements)), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Remaining Credits:"), " ", /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 37, columnNumber: 71 }, __self: this }, remainingCredits))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Subject Management"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Completed Subjects"), /*#__PURE__*/ React.createElement("button", { onClick: addCompletedSubject, className: "px-4 py-2 bg-green-500 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Add"), /*#__PURE__*/ React.createElement("button", { onClick: editCompletedSubject, className: "px-4 py-2 bg-yellow-500 rounded ml-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("button", { onClick: deleteCompletedSubject, className: "px-4 py-2 bg-red-500 rounded ml-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Delete")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Planned Subjects"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-500 rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Manage"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Report Generation"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Generate Credits Report")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Generate Progress Report"))))); }