function MainComponent() { const [input, setInput] = React.useState(0); const [output, setOutput] = React.useState(0); const [operation, setOperation] = React.useState(""); const updateDisplay = (currentOutput)=>{ const formatter = new Intl.NumberFormat('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 6 }); return formatter.format(currentOutput); }; const calculate = ()=>{ switch(operation){ case "+": setOutput((prevOutput)=>{ const newOutput = prevOutput + input; setInput(newOutput); return newOutput; }); break; case "-": setOutput((prevOutput)=>{ const newOutput = prevOutput - input; setInput(newOutput); return newOutput; }); break; case "×": setOutput((prevOutput)=>{ const newOutput = prevOutput * input; setInput(newOutput); return newOutput; }); break; case "÷": if (input === 0) { return "Error"; } else { setOutput((prevOutput)=>{ const newOutput = prevOutput / input; setInput(newOutput); return newOutput; }); } break; default: break; } }; const handleOperation = (op)=>{ calculate(); setOperation(op); setInput(0); }; const appendDigit = (digit)=>{ setInput((prevInput)=>{ if (prevInput === 0) { return digit; } else { return prevInput * 10 + digit; } }); }; const appendDecimal = ()=>{ setInput((prevInput)=>{ if (prevInput === Math.floor(prevInput)) { return prevInput + 0.0; } return prevInput; }); }; const clear = ()=>{ setInput(0); setOutput(0); setOperation(""); }; const plusMinus = ()=>{ setInput((prevInput)=>-prevInput); setOutput((prevInput)=>-prevInput); }; const percent = ()=>{ setInput((prevInput)=>prevInput / 100); setOutput((prevInput)=>prevInput / 100); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-black text-white h-screen flex flex-col", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex flex-col justify-end p-6", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right font-roboto text-6xl mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, updateDisplay(input))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-3 p-3", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: clear, className: "font-roboto text-4xl font-light bg-[#D3D3D3] text-black rounded py-3", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, "AC"), /*#__PURE__*/ React.createElement("button", { onClick: plusMinus, className: "font-roboto text-4xl font-light bg-[#D3D3D3] text-black rounded py-3", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "±"), /*#__PURE__*/ React.createElement("button", { onClick: percent, className: "font-roboto text-4xl font-light bg-[#D3D3D3] text-black rounded py-3", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "%"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleOperation('÷'), className: "font-roboto text-4xl font-light bg-[#FF9500] text-white rounded py-3", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, "÷"), [ '7', '8', '9', '4', '5', '6', '1', '2', '3' ].map((num)=>/*#__PURE__*/ React.createElement("button", { key: num, name: "number", onClick: ()=>appendDigit(parseInt(num, 10)), className: "font-roboto text-4xl font-light bg-[#333333] text-white rounded py-3", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, num)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleOperation('×'), className: "font-roboto text-4xl font-light bg-[#FF9500] text-white rounded py-3", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleOperation('-'), className: "font-roboto text-4xl font-light bg-[#FF9500] text-white rounded py-3", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleOperation('+'), className: "font-roboto text-4xl font-light bg-[#FF9500] text-white rounded py-3", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { name: "number", onClick: ()=>appendDigit(0), className: "font-roboto text-4xl font-light bg-[#333333] text-white rounded py-3 col-span-2", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("button", { onClick: appendDecimal, className: "font-roboto text-4xl font-light bg-[#333333] text-white rounded py-3", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, "."), /*#__PURE__*/ React.createElement("button", { onClick: calculate, className: "font-roboto text-4xl font-light bg-[#FF9500] text-white rounded py-3", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, "="))); }