function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-full mx-auto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6 font-roboto text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Use Case Diagram for Online Learning Platform"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "User")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Register")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Select Course")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Access Course Material")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Participate in Discussions")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Submit Assignments")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Receive Feedback")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Track Progress")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center my-4", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-200 rounded-lg w-[260px] text-center font-crimson-text", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Complete Course")))); }