function SpinButtonGame({ label }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-[#FF0000] hover:bg-[#ff4d4d] text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function SpinButtonGameStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SpinButtonGame, { label: "Spin", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const slots = [ "🍒", "🍋", "🍉", "🍇", "🍊" ]; const [slotValues, setSlotValues] = React.useState([ slots[0], slots[1], slots[2] ]); const Slot = ({ icon })=>/*#__PURE__*/ React.createElement("div", { className: "text-[50px]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, icon); const handleSpin = ()=>{ const newValues = [ slots[Math.floor(Math.random() * slots.length)], slots[Math.floor(Math.random() * slots.length)], slots[Math.floor(Math.random() * slots.length)] ]; setSlotValues(newValues); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#222222]", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(Slot, { icon: slotValues[0], __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Slot, { icon: slotValues[1], __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(Slot, { icon: slotValues[2], __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SpinButtonGame, { label: "Spin", onClick: handleSpin, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }))); }