function MainComponent() { const [firstNumber, setFirstNumber] = React.useState(''); const [secondNumber, setSecondNumber] = React.useState(''); const [result, setResult] = React.useState(null); const handleOperation = (operation)=>{ const num1 = parseFloat(firstNumber); const num2 = parseFloat(secondNumber); switch(operation){ case '+': setResult(num1 + num2); break; case '-': setResult(num1 - num2); break; case '*': setResult(num1 * num2); break; case '/': if (num2 === 0) { setResult("Error: Division by 0"); } else { setResult(num1 / num2); } break; default: setResult(null); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "برنامه ماشین حساب"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-8 max-w-sm", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "firstNumber", placeholder: "عدد اول", className: "border border-gray-300 p-2 rounded-lg", value: firstNumber, onChange: (e)=>setFirstNumber(e.target.value), __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "secondNumber", placeholder: "عدد دوم", className: "border border-gray-300 p-2 rounded-lg", value: secondNumber, onChange: (e)=>setSecondNumber(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 justify-center", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded-lg", onClick: ()=>handleOperation('+'), __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white px-4 py-2 rounded-lg", onClick: ()=>handleOperation('-'), __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white px-4 py-2 rounded-lg", onClick: ()=>handleOperation('*'), __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "*"), /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-500 text-white px-4 py-2 rounded-lg", onClick: ()=>handleOperation('/'), __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "/")), result !== null && /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg text-[#333]", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "نتیجه: ", result))))); }