function MainComponent() { const statsCard = (icon, number, text)=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-between p-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00b4d8] text-3xl", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: icon, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-[#03045e]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, number), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-[#03045e]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, text))); const activityItem = (activity)=>/*#__PURE__*/ React.createElement("li", { className: "text-sm font-roboto text-[#03045e]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, activity); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f9f9f9]", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 md:px-10 lg:px-16", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#03045e] mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "E-Learning Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, statsCard("fas fa-laptop-code", "180", "Online Courses"), statsCard("fas fa-user-graduate", "4350", "Active Students"), statsCard("fas fa-award", "210", "Certificates Granted"), statsCard("fas fa-chart-line", "80%", "Course Completion Rate")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#03045e] mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Recent Activities"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 space-y-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, activityItem("Emma Jones finished the Advanced React course."), activityItem("New Data Science module added to Machine Learning course."), activityItem("User feedback survey has been sent to all participants."), activityItem("Updated course content for the Cloud Computing specialization.")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } body { animation: fadeIn 1s ease-in-out; } `)); }