function MainComponent() { const [number1, setNumber1] = React.useState(""); const [number2, setNumber2] = React.useState(""); const [result, setResult] = React.useState(null); const [errorMsg, setErrorMsg] = React.useState(""); const handleAddition = ()=>{ setResult(parseFloat(number1) + parseFloat(number2)); setErrorMsg(""); }; const handleSubtraction = ()=>{ setResult(parseFloat(number1) - parseFloat(number2)); setErrorMsg(""); }; const handleMultiplication = ()=>{ setResult(parseFloat(number1) * parseFloat(number2)); setErrorMsg(""); }; const handleDivision = ()=>{ if (parseFloat(number2) === 0) { setErrorMsg("Erro: Divisão por zero não é permitida."); setResult(null); } else { setResult(parseFloat(number1) / parseFloat(number2)); setErrorMsg(""); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-5 rounded shadow-md w-[300px]", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-5 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Calculadora em CSharp"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "number1", value: number1, onChange: (e)=>setNumber1(e.target.value), className: "mb-3 p-2 border rounded", placeholder: "Primeiro número", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "number2", value: number2, onChange: (e)=>setNumber2(e.target.value), className: "mb-3 p-2 border rounded", placeholder: "Segundo número", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mb-3", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleAddition, className: "py-2 px-4 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleSubtraction, className: "py-2 px-4 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleMultiplication, className: "py-2 px-4 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleDivision, className: "py-2 px-4 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "÷")), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-3", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Resultado: "), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, result !== null ? result : 0)), errorMsg && /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-500", __source: { fileName: "", lineNumber: 71, columnNumber: 24 }, __self: this }, errorMsg)))); }