function MainComponent() { const [loading, setLoading] = React.useState(false); const [mapLoaded, setMapLoaded] = React.useState(false); React.useEffect(()=>{ const script = document.createElement("script"); script.src = "https://api-maps.yandex.ru/2.1/?lang=en_US&apikey=your_api_key"; script.onload = ()=>{ window.ymaps.ready(()=>{ new window.ymaps.Map("map", { center: [ 55.751574, 37.573856 ], zoom: 9 }); setMapLoaded(true); }); }; document.head.appendChild(script); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-full bg-[#F3F4F6] p-4 fixed", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-lg mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:bg-[#E2E8F0] p-2 cursor-pointer", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:bg-[#E2E8F0] p-2 cursor-pointer", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Settings"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:bg-[#E2E8F0] p-2 cursor-pointer", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Issues"), /*#__PURE__*/ React.createElement("li", { className: "mb-2 hover:bg-[#E2E8F0] p-2 cursor-pointer", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Reports"))), /*#__PURE__*/ React.createElement("div", { className: "ml-[300px] p-4 flex flex-col", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center py-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl text-[#121212]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto text-sm text-[#121212] flex space-x-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "hover:text-[#0055ff] cursor-pointer", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-[#0055ff] cursor-pointer", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-[#0055ff] cursor-pointer", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Contacts"))), /*#__PURE__*/ React.createElement("div", { id: "map", className: "w-full h-[500px] bg-gray-200 mt-8", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, !mapLoaded && /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 26 }, __self: this }, "Loading map...")))); }