function MainComponent() { const [values, setValues] = React.useState({ value1: '', value2: '', result: '' }); const handleInputChange = (e)=>{ setValues({ ...values, [e.target.name]: e.target.value }); }; const performOperation = (operation)=>{ const { value1, value2 } = values; let result = 0; switch(operation){ case '+': result = Number(value1) + Number(value2); break; case '-': result = Number(value1) - Number(value2); break; case '×': result = Number(value1) * Number(value2); break; case '÷': result = Number(value2) !== 0 ? Number(value1) / Number(value2) : 'Деление на ноль'; break; default: result = 'Ошибка операции'; } setValues({ ...values, result }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f4f7f6]", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg shadow-md w-[90%] md:w-[500px]", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-center font-roboto text-[#353535] text-2xl", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Калькулятор")), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "value1", className: "block text-[#353535] font-roboto mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Значение 1"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "value1", name: "value1", value: values.value1, onChange: handleInputChange, className: "form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "value2", className: "block text-[#353535] font-roboto mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Значение 2"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "value2", name: "value2", value: values.value2, onChange: handleInputChange, className: "form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>performOperation('+'), className: "w-1/4 py-2 px-4 font-roboto text-white bg-[#007bff] rounded hover:bg-[#0069d9]", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>performOperation('-'), className: "w-1/4 py-2 px-4 font-roboto text-white bg-[#28a745] rounded hover:bg-[#218838]", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>performOperation('×'), className: "w-1/4 py-2 px-4 font-roboto text-white bg-[#ffc107] rounded hover:bg-[#e0a800]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>performOperation('÷'), className: "w-1/4 py-2 px-4 font-roboto text-white bg-[#dc3545] rounded hover:bg-[#c82333]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "÷")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "result", className: "block text-[#353535] font-roboto mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Результат"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "result", name: "result", value: values.result, readOnly: true, className: "form-input mt-1 block w-full rounded-md border-gray-300 shadow-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }))))); }