function MainComponent() { const [activeTab, setActiveTab] = React.useState('Расписание'); const handleTabClick = (tab)=>{ setActiveTab(tab); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#F3F4F6] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#ffffff] shadow-lg", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-7", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "flex items-center py-4 px-2", __source: { fileName: "", lineNumber: 15, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-gray-500 text-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 19 }, __self: this }, "SchoolApp"))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-1", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>handleTabClick('Расписание'), className: `py-4 px-2 text-[#6B7280] ${activeTab === 'Расписание' ? 'border-b-4 border-[#6366F1]' : ''} hover:text-[#6366F1] transition duration-300`, __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Расписание"), /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>handleTabClick('Телефоны учителей'), className: `py-4 px-2 text-[#6B7280] ${activeTab === 'Телефоны учителей' ? 'border-b-4 border-[#6366F1]' : ''} hover:text-[#6366F1] transition duration-300`, __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "Телефоны учителей"), /*#__PURE__*/ React.createElement("a", { href: "#", onClick: ()=>handleTabClick('И т.д.'), className: `py-4 px-2 text-[#6B7280] ${activeTab === 'И т.д.' ? 'border-b-4 border-[#6366F1]' : ''} hover:text-[#6366F1] transition duration-300`, __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "И т.д."))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-3", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "py-2 px-2 font-medium text-[#6B7280] hover:text-[#6366F1] transition duration-300", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Вход"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "py-2 px-3 bg-[#6366F1] text-[#ffffff] rounded hover:bg-[#4F46E5] transition duration-300", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Регистрация")))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "outline-none mobile-menu-button", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-6 h-6 text-gray-500 hover:text-[#6366F1]", "x-show": "!showMenu", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M4 6h16M4 12h16m-7 6h7", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "py-5", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, activeTab === 'Расписание' && /*#__PURE__*/ React.createElement("div", { className: "text-center text-lg font-medium", __source: { fileName: "", lineNumber: 50, columnNumber: 40 }, __self: this }, "Расписание уроков"), activeTab === 'Телефоны учителей' && /*#__PURE__*/ React.createElement("div", { className: "text-center text-lg font-medium", __source: { fileName: "", lineNumber: 51, columnNumber: 47 }, __self: this }, "Список номеров телефонов учителей"), activeTab === 'И т.д.' && /*#__PURE__*/ React.createElement("div", { className: "text-center text-lg font-medium", __source: { fileName: "", lineNumber: 52, columnNumber: 36 }, __self: this }, "Дополнительная информация"))); }