function PurchaseButton({ onClick, children }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-blue-500 text-white py-2 px-4 rounded font-roboto mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function PurchaseButtonStory() { const startPurchase = ()=>{ // Implement your purchase logic here console.log("Purchase process started"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PurchaseButton, { onClick: startPurchase, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "購入開始")); } function MainComponent() { function startPurchase() { const purchase = (index)=>{ if (index >= 15) return; const amount = Math.floor(Math.random() * 6) + 300; console.log(`Purchasing gift card of amount: ${amount}円`); setTimeout(()=>purchase(index + 1), (Math.floor(Math.random() * 3) + 3) * 60000); }; purchase(0); } function cancelPurchase() { console.log('Purchase cancelled'); } return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "RPAでAmazonで残高チャージ型のギフト券を購入"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, "300~305円まででランダム、購入タイミングは3~5分空ける条件で15回購入します。"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "金額: 300~305円（ランダム）"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "購入タイミング: 3~5分間隔（ランダム）"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "回数: 15回")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-6", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(PurchaseButton, { onClick: startPurchase, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "購入開始"), /*#__PURE__*/ React.createElement(PurchaseButton, { onClick: cancelPurchase, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "キャンセル"))); }