function MainComponent({ score, timeLeft, onStart, onStop, onCatch }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "スイカゲーム"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between w-full max-w-md mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Score: ", score), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Time Left: ", timeLeft)), /*#__PURE__*/ React.createElement("button", { name: "start", onClick: onStart, className: "bg-green-500 text-white px-4 py-2 rounded mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "Start Game"), /*#__PURE__*/ React.createElement("div", { name: "watermelon", onClick: onCatch, className: "w-[200px] h-[200px] bg-green-600 text-white text-center flex items-center justify-center text-2xl cursor-pointer", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "🍉"), /*#__PURE__*/ React.createElement("button", { name: "stop", onClick: onStop, className: "bg-red-500 text-white px-4 py-2 rounded mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "Stop Game")); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { score: 10, timeLeft: "00:30", onStart: ()=>{}, onStop: ()=>{}, onCatch: ()=>{}, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { score: 20, timeLeft: "01:15", onStart: ()=>{}, onStop: ()=>{}, onCatch: ()=>{}, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { score: 5, timeLeft: "02:00", onStart: ()=>{}, onStop: ()=>{}, onCatch: ()=>{}, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); }