function MainComponent() { const [loading, setLoading] = React.useState(false); const [message, setMessage] = React.useState(''); const handleIntegrationClick = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "Показать направление на компасе" } ], system_prompt: 'Компас и его направления' }) }); const data = await response.json(); setMessage(data.choices[0].message.content); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-3xl font-bold font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Компас"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center bg-white border rounded-lg shadow-lg w-[300px] h-[300px] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "⬆️ Север"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full mt-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "⬅️ Запад"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "➡️ Восток")), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-2xl text-[#121212] mt-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "⬇️ Юг"), loading && /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, "Загрузка..."), !loading && message && /*#__PURE__*/ React.createElement("div", { className: "mt-4 font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 36, columnNumber: 33 }, __self: this }, message)), /*#__PURE__*/ React.createElement("button", { className: "mt-8 bg-[#0088CC] text-white font-roboto py-2 px-4 rounded hover:bg-[#0077B3]", onClick: handleIntegrationClick, __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Интеграция с ChatGPT")); }