function SlotGame({ title, reels, onSpin }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#f8f8f8] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 text-6xl mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "reel", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, reels[0]), /*#__PURE__*/ React.createElement("div", { className: "reel", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, reels[1]), /*#__PURE__*/ React.createElement("div", { className: "reel", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, reels[2])), /*#__PURE__*/ React.createElement("button", { onClick: onSpin, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "ギフトを投げる")); } function SlotGameStory() { const reels = [ '🍒', '🍋', '🍉' ]; const spinReels = ()=>{ console.log('Reels spinning...'); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SlotGame, { title: "スロットゲーム", reels: reels, onSpin: spinReels, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function MainComponent() { const [reels, setReels] = React.useState([ '🎰', '🎰', '🎰' ]); const emojiOptions = [ '🍎', '🍒', '⭐', '🍀', '🔔' ]; const calculateResult = (amount)=>{ const probabilities = amount >= 10000 ? [ 1 / 4, 1 / 2, 1 / 3 ] : amount >= 5000 ? [ 1 / 5, 1 / 10, 1 / 15 ] : [ 1 / 20, 1 / 10, 1 / 5 ]; const randomValue = Math.random(); if (randomValue < probabilities[0]) return '⭐'; if (randomValue < probabilities[1]) return '🔔'; if (randomValue < probabilities[2]) return '🍀'; return emojiOptions[Math.floor(Math.random() * emojiOptions.length)]; }; const spinReels = ()=>{ const amount = prompt("ギフトの金額を入力してください", "1000"); const values = [ calculateResult(amount), calculateResult(amount), calculateResult(amount) ]; setReels(values); }; return /*#__PURE__*/ React.createElement(SlotGame, { title: "スロットゲーム", reels: reels, onSpin: spinReels, __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }); }