function MainComponent() { const [interactionInfo, setInteractionInfo] = React.useState({ goal: "", feedback: "", strategy: "" }); const handleChange = (event)=>{ const { name, value } = event.target; setInteractionInfo((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = (event)=>{ event.preventDefault(); alert("Информация для развития навыков продаж отправлена: " + JSON.stringify(interactionInfo, null, 2)); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen flex flex-col items-center justify-center bg-[#F9FAFB]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-[600px] px-4 py-8 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Развитие навыков продаж"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "goal", className: "font-roboto block mb-2 text-sm font-medium text-[#374151]", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Цель"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "goal", name: "goal", className: "w-full px-3 py-2 border border-[#D1D5DB] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#3B82F6] focus:border-transparent", placeholder: "Определите цель взаимодействия", value: interactionInfo.goal, onChange: handleChange, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "feedback", className: "font-roboto block mb-2 text-sm font-medium text-[#374151]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Обратная связь"), /*#__PURE__*/ React.createElement("textarea", { id: "feedback", name: "feedback", rows: "3", className: "w-full px-3 py-2 border border-[#D1D5DB] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#3B82F6] focus:border-transparent", placeholder: "Введите полученную обратную связь", value: interactionInfo.feedback, onChange: handleChange, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "strategy", className: "font-roboto block mb-2 text-sm font-medium text-[#374151]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Стратегия"), /*#__PURE__*/ React.createElement("textarea", { id: "strategy", name: "strategy", rows: "3", className: "w-full px-3 py-2 border border-[#D1D5DB] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#3B82F6] focus:border-transparent", placeholder: "Опишите стратегию улучшения", value: interactionInfo.strategy, onChange: handleChange, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#3B82F6] text-white font-roboto rounded-lg hover:bg-[#2563EB] focus:outline-none focus:ring-4 focus:ring-[#93C5FD]", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Отправить"))); }