function MainComponent() { const [view, setView] = React.useState('dashboard'); // 'dashboard', 'createCourse', 'manageCourses', 'interactions', 'administration' const handleViewChange = (newView)=>{ setView(newView); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F4F6F8]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-around py-4 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-[#007BFF] cursor-pointer", onClick: ()=>handleViewChange('dashboard'), __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Дашборд"), /*#__PURE__*/ React.createElement("li", { className: "text-[#007BFF] cursor-pointer", onClick: ()=>handleViewChange('createCourse'), __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Создать курс"), /*#__PURE__*/ React.createElement("li", { className: "text-[#007BFF] cursor-pointer", onClick: ()=>handleViewChange('manageCourses'), __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Управление курсами"), /*#__PURE__*/ React.createElement("li", { className: "text-[#007BFF] cursor-pointer", onClick: ()=>handleViewChange('interactions'), __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Взаимодействия"), /*#__PURE__*/ React.createElement("li", { className: "text-[#007BFF] cursor-pointer", onClick: ()=>handleViewChange('administration'), __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Администрирование"))), /*#__PURE__*/ React.createElement("main", { className: "px-8 py-6", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, view === 'dashboard' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#212529] text-2xl mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Добро пожаловать"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#6C757D]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Выберите вкладку для начала работы.")), view === 'createCourse' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#212529] text-2xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Создание курса"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#6C757D]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Инструменты для создания структурированных курсов.")), view === 'manageCourses' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#212529] text-2xl mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Управление курсами"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#6C757D]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Редактирование, обновление и удаление курсов.")), view === 'interactions' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#212529] text-2xl mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Взаимодействие и обратная связь"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#6C757D]", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Форумы, чаты и комментарии для стимуляции взаимодействия.")), view === 'administration' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#212529] text-2xl mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Администрирование и отчетность"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#6C757D]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Управление пользователями, курсами и отчетность.")))); }