function MainComponent() { const [input, setInput] = React.useState(''); const handleButtonClick = (value)=>{ switch(value){ case 'π': setInput((prevInput)=>prevInput + Math.PI.toString()); break; case 'e': setInput((prevInput)=>prevInput + Math.E.toString()); break; case '√': setInput((prevInput)=>`${prevInput}Math.sqrt(`); break; case 'ln': setInput((prevInput)=>`${prevInput}Math.log(`); break; case '^-1': setInput((prevInput)=>`1/(${prevInput})`); break; case '^2': setInput((prevInput)=>`Math.pow(${prevInput},2)`); break; default: setInput((prevInput)=>prevInput + value); break; } }; const calculateResult = ()=>{ try { setInput((prevInput)=>eval(prevInput).toString()); } catch { setInput('Error'); } }; const clearInput = ()=>setInput(''); const deleteLastEntry = ()=>setInput(input.slice(0, -1)); const numberKeys = [ '7', '8', '9', '4', '5', '6', '1', '2', '3', '0', '.' ]; const increaseKeys = [ '+', '*', '^' ]; const decreaseKeys = [ '-', '/' ]; const otherKeys = [ 'π', 'e', '^2' ]; const specialOperators = [ 'AC', 'DEL', '(', ')', '%', 'sin', 'cos', 'tan', 'ln', '√', '!', '^-1' ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#E3F2F9] p-4", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded w-full max-w-4xl p-5", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-300 p-4 rounded mb-5 text-right font-mono text-2xl", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, input || '0'), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-8 grid-rows-5 gap-4 text-lg", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-5 grid grid-cols-5 gap-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, specialOperators.map((value)=>/*#__PURE__*/ React.createElement("button", { key: value, onClick: ()=>{ switch(value){ case 'AC': clearInput(); break; case 'DEL': deleteLastEntry(); break; default: handleButtonClick(value); break; } }, className: "font-semibold py-4 bg-gray-200", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, value))), /*#__PURE__*/ React.createElement("div", { className: "col-span-3 grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, numberKeys.map((value)=>/*#__PURE__*/ React.createElement("button", { key: value, onClick: ()=>handleButtonClick(value), className: "font-semibold py-4 bg-gray-100 text-black", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, value)), /*#__PURE__*/ React.createElement("button", { onClick: calculateResult, className: "col-span-3 font-semibold py-4 bg-green-400 text-white", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "=")), /*#__PURE__*/ React.createElement("div", { className: "col-span-5", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, increaseKeys.map((value)=>/*#__PURE__*/ React.createElement("button", { key: value, onClick: ()=>handleButtonClick(value), className: "font-semibold py-4 bg-blue-400 text-white", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, value))), /*#__PURE__*/ React.createElement("div", { className: "col-span-5", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, decreaseKeys.map((value)=>/*#__PURE__*/ React.createElement("button", { key: value, onClick: ()=>handleButtonClick(value), className: "font-semibold py-4 bg-orange-400 text-white", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, value))), /*#__PURE__*/ React.createElement("div", { className: "col-span-5", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, otherKeys.map((value)=>/*#__PURE__*/ React.createElement("button", { key: value, onClick: ()=>handleButtonClick(value), className: "font-semibold py-4 bg-gray-200", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, value)))))); }