function MainComponent() { const scheduleData = [ { time: '08:00 - 09:30', subject: 'Mathematics', professor: 'Dr. John Doe', room: '101A' } ]; const resultsData = [ { subject: 'Mathematics', score: '88%' } ]; const attendanceData = [ { subject: 'Mathematics', attendance: '92%' } ]; const scheduleItems = scheduleData.map((item)=>/*#__PURE__*/ React.createElement("tr", { key: item.subject, __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, item.time), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, item.subject), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, item.professor), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, item.room))); const resultsItems = resultsData.map((item)=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-2", key: item.subject, __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, item.subject), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, item.score))); const attendanceItems = attendanceData.map((item)=>/*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-2", key: item.subject, __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, item.subject), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, item.attendance))); const schedule = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center my-8", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "Lecture Schedule"), /*#__PURE__*/ React.createElement("table", { className: "table-auto shadow-lg", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-[#dbeafe]", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Professor"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Room"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, scheduleItems))); const results = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center my-8", __source: { fileName: "", lineNumber: 60, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, "Exam Results"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg p-4 rounded-lg w-full md:max-w-2xl", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, resultsItems)); const attendance = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center my-8", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, "Attendance Record"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg p-4 rounded-lg w-full md:max-w-2xl", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, attendanceItems)); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "College Dashboard"), schedule, results, attendance)); }