function MainComponent() { const [currentStep, setCurrentStep] = React.useState(0); const [resetMultiplier, setResetMultiplier] = React.useState(0); const stepsToValues = { 8: 1000, 16: 2000, 24: 3000 }; const values = Array.from({ length: 24 }, (_, i)=>stepsToValues[i + 1] || 0); const getScore = ()=>{ return values.slice(0, currentStep).reduce((acc, val)=>acc + val, 0) + resetMultiplier * 3000; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#00008B] font-luckiest-guy", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-4 bg-black text-center text-white text-4xl", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Jacob's Limitless Win"), /*#__PURE__*/ React.createElement("div", { className: "mt-10 grid grid-cols-6 grid-rows-4 gap-2 w-[600px]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, values.map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-2 border-white flex justify-center items-center h-[80px] w-[100px] bg-white text-black", style: { backgroundColor: index < currentStep ? '#FFD700' : '' }, __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, resetMultiplier > 0 && stepsToValues[index + 1] ? stepsToValues[index + 1] + resetMultiplier * 3000 : value))), /*#__PURE__*/ React.createElement("div", { className: "-score my-6 py-2 px-4 bg-white text-[#00008B] border-2 border-[#00008B] rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "Score: ", getScore()), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 my-6", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "dial", disabled: true, className: "py-2 px-4 bg-gray-400 text-white rounded cursor-not-allowed", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Dial"), /*#__PURE__*/ React.createElement("button", { name: "undo", disabled: true, className: "py-2 px-4 bg-gray-400 text-white rounded cursor-not-allowed", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Undo"), /*#__PURE__*/ React.createElement("button", { name: "reset", disabled: true, className: "py-2 px-4 bg-gray-400 text-white rounded cursor-not-allowed", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Reset"))); }