function MainComponent() { const buttonClass = "flex items-center justify-center w-[60px] h-[60px] bg-[#e0e1e6] text-[#333] text-2xl font-roboto rounded m-1 hover:bg-[#d0d1d6]"; const isoButtonClass = "flex items-center justify-center w-[60px] h-[60px] bg-[#e0e1e6] text-[#333] text-2xl font-roboto rounded m-1 hover:bg-[#d0d1d6] transform hover:-translate-y-1 hover:scale-110 transition duration-300"; const displayClass = "w-full h-[120px] bg-[#333] text-white text-4xl font-roboto flex items-center justify-end pr-4"; const specialIsoButtonClass = "flex items-center justify-center w-[60px] h-[60px] bg-[#fe9241] text-white text-2xl font-roboto rounded m-1 hover:bg-[#fd8140] transform hover:-translate-y-1 hover:scale-110 transition duration-300"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-4xl font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Hello calC"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-5 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: displayClass, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-1 relative", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "clear", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "AC"), /*#__PURE__*/ React.createElement("button", { name: "sign", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "±"), /*#__PURE__*/ React.createElement("button", { name: "percent", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "%"), /*#__PURE__*/ React.createElement("button", { name: "divide", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "÷"), /*#__PURE__*/ React.createElement("button", { name: "seven", className: isoButtonClass, __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "7"), /*#__PURE__*/ React.createElement("button", { name: "eight", className: isoButtonClass, __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "8"), /*#__PURE__*/ React.createElement("button", { name: "nine", className: isoButtonClass, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "9"), /*#__PURE__*/ React.createElement("button", { name: "multiply", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "×"), /*#__PURE__*/ React.createElement("button", { name: "four", className: isoButtonClass, __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "4"), /*#__PURE__*/ React.createElement("button", { name: "five", className: isoButtonClass, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "5"), /*#__PURE__*/ React.createElement("button", { name: "six", className: isoButtonClass, __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "6"), /*#__PURE__*/ React.createElement("button", { name: "subtract", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("button", { name: "one", className: isoButtonClass, __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { name: "two", className: isoButtonClass, __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("button", { name: "three", className: isoButtonClass, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("button", { name: "add", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "+"), /*#__PURE__*/ React.createElement("button", { name: "zero", className: `${isoButtonClass} col-span-2`, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("button", { name: "decimal", className: isoButtonClass, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "."), /*#__PURE__*/ React.createElement("button", { name: "equals", className: specialIsoButtonClass, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "=")))); }