function MainComponent({ page }) { let content; switch(page){ // Home Page // Login/Dashboard Page // User Dashboard Page // Server Configuration Page // Levels/XP Page // Custom Commands Page // Moderation Tools Page // Fun Commands Page // Utility Module Page // Role Management Page // Security Page // Bot Information Page // Documentation Page // Support/Help Page // Server Analytics Page // Announcements Page // Event Scheduler Page // Welcome and Farewell Page // Emoji Management Page // Polls and Surveys Page // Notification Center // Server Economy Page // Interactive Welcome Tour // Server Collaboration Page // Authentication and User Profile Section case 'authentication': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] text-2xl mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Log in with OAuth2"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto bg-[#007bff] text-white px-6 py-2 mb-2 rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "OAuth2 Authentication"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto bg-[#007bff] text-white px-6 py-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Set up 2FA")); break; case 'userProfile': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./user_profile.png", alt: "User's avatar", className: "w-[100px] h-[100px] rounded-full mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Username#1234"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-roboto bg-[#28a745] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Edit Settings"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto bg-[#dc3545] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Logout"))); break; // Server Overview Section case 'serverList': content = /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4 p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./server.png", alt: "Server icon", className: "mb-2 w-[80px] h-[80px]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-[#121212] mb-1", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Server Name"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-sm text-[#6c757d]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "100 members"))); break; case 'serverAnalytics': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-4 space-y-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-xl", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Server Analytics")); break; } return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, content); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { page: "home", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "authentication", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "userDashboard", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "serverConfiguration", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "levelsXP", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "customCommands", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "moderationTools", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "funCommands", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "utilityModule", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "roleManagement", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "security", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "botInformation", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "documentation", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "supportHelp", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "logout", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "serverAnalytics", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "announcements", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "eventScheduler", __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "welcomeFarewell", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "emojiManagement", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "pollsSurveys", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "notificationCenter", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "serverEconomy", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "interactiveWelcomeTour", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { page: "serverCollaboration", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this })); }