function MainComponent() { const [menuOpen, setMenuOpen] = React.useState(false); return /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-800", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative flex items-center justify-between h-16", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 flex items-center sm:hidden", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white", "aria-controls": "mobile-menu", "aria-expanded": menuOpen, onClick: ()=>setMenuOpen(!menuOpen), __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Открыть главное меню"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center sm:items-stretch sm:justify-start", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 flex items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/logo.png", alt: "Лого подкастов, стримеров и блогеров", className: "block lg:hidden h-8 w-auto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/logo.png", alt: "Лого подкастов, стримеров и блогеров", className: "hidden lg:block h-8 w-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden sm:block sm:ml-6", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "Главная"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Профиль"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "Сообщения"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "Настройки")))))), menuOpen && /*#__PURE__*/ React.createElement("div", { className: "sm:hidden", id: "mobile-menu", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-2 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Главная"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Профиль"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Сообщения"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Настройки")))); }