function MainComponent() { const [expression, setExpression] = React.useState(""); const [result, setResult] = React.useState(""); const handleClick = (value)=>{ if (value === "=") { try { // eslint-disable-next-line no-eval setResult(eval(expression).toString()); } catch (error) { setResult("Error"); } } else if (value === "C") { setExpression(""); setResult(""); } else { setExpression((prev)=>prev + value); } }; const handleScientificOperation = (operation)=>{ try { switch(operation){ case "sin": setResult(Math.sin(eval(expression)).toString()); break; case "cos": setResult(Math.cos(eval(expression)).toString()); break; case "tan": setResult(Math.tan(eval(expression)).toString()); break; case "√": setResult(Math.sqrt(eval(expression)).toString()); break; case "x²": setResult(Math.pow(eval(expression), 2).toString()); break; case "xʸ": setExpression(expression + "**"); break; case "log": setResult(Math.log10(eval(expression)).toString()); break; case "ln": setResult(Math.log(eval(expression)).toString()); break; default: break; } } catch (error) { setResult("Error"); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-5 w-full max-w-[400px] mx-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-3xl font-roboto mb-5", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Scientific Calculator"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", readOnly: true, value: expression, className: "w-full text-white bg-[#333333] p-3 rounded font-roboto text-right mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", readOnly: true, value: result, className: "w-full text-white bg-[#010101] p-3 rounded font-roboto text-right", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("C"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "C"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("("), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "("), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick(")"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("/"), className: "text-white bg-[#f59e0b] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "/"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("7"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "7"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("8"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "8"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("9"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "9"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("*"), className: "text-white bg-[#f59e0b] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, "*"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("4"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, "4"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("5"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "5"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("6"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "6"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("-"), className: "text-white bg-[#f59e0b] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("1"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("2"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("3"), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("+"), className: "text-white bg-[#f59e0b] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("0"), className: "col-span-2 text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("."), className: "text-white bg-[#333333] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, "."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleClick("="), className: "text-white bg-[#10b981] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "="), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("sin"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "sin"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("cos"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, "cos"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("tan"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, "tan"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("√"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "√"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("x²"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, "x²"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("xʸ"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "xʸ"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("log"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "log"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleScientificOperation("ln"), className: "text-white bg-[#6d28d9] p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "ln"))); }