function MainComponent() { const [showSettings, setShowSettings] = React.useState(false); const [messages, setMessages] = React.useState([]); const [inputMessage, setInputMessage] = React.useState(''); const toggleSettings = ()=>{ setShowSettings(!showSettings); }; const handleInputChange = (e)=>{ setInputMessage(e.target.value); }; const handleSubmit = (e)=>{ e.preventDefault(); if (!inputMessage.trim()) return; setMessages([ ...messages, { id: messages.length, text: inputMessage, sender: 'user' } ]); setInputMessage(''); // Simulate response and text-to-speech setTimeout(()=>{ const responseText = `Ответ нейросети на "${inputMessage}"`; setMessages((prevMessages)=>[ ...prevMessages, { id: prevMessages.length, text: responseText, sender: 'bot' } ]); }, 1000); }; return /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#00000080] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[600px] h-[800px] bg-white rounded-lg p-6 flex flex-col", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Чат с нейросетью GPT-3"), /*#__PURE__*/ React.createElement("button", { onClick: toggleSettings, className: "bg-[#007bff] text-white py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Настройки")), showSettings && /*#__PURE__*/ React.createElement("section", { className: "mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Настройка личности нейросети"), /*#__PURE__*/ React.createElement("textarea", { name: "personality", placeholder: "Введите текстовый промпт для личности...", className: "w-full mt-2 p-2 border-2 border-[#121212] rounded-lg h-[100px]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-auto", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, messages.map(({ id, text, sender })=>/*#__PURE__*/ React.createElement("div", { key: id, className: `max-w-md mx-auto py-2 px-4 my-2 rounded-lg ${sender === 'user' ? 'bg-blue-200' : 'bg-green-200'}`, __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, text))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: inputMessage, onChange: handleInputChange, placeholder: "Введите ваше сообщение здесь...", className: "w-full p-2 border-2 border-[#121212] rounded-lg", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full mt-2 bg-[#007bff] text-white py-2 rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Отправить"))))); }