function GreenActionButton({ buttonText, onClick }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 text-white bg-[#28a745] rounded hover:bg-[#218838] transition duration-300", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function GreenActionButtonStory() { const handleClick = ()=>alert('Funds transferred successfully.'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GreenActionButton, { buttonText: "Transfer to Wallet", onClick: handleClick, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const [amount, setAmount] = React.useState(''); const [walletAddress, setWalletAddress] = React.useState(''); const handleAmountChange = (e)=>{ setAmount(e.target.value); }; const handleWalletAddressChange = (e)=>{ setWalletAddress(e.target.value); }; const handleTransferToWallet = ()=>{ alert(`Attempting to transfer ${amount} BTC to ${walletAddress}.`); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-6 bg-[#F0F2F5] min-h-screen", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Bitcoin Mining Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(GreenActionButton, { buttonText: "Start Mining", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block mb-2 text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", className: "border-2 border-[#ced4da] w-full p-2 rounded text-[#495057]", placeholder: "0", value: amount, onChange: handleAmountChange, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "wallet_address", className: "block mb-2 text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Wallet Address"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "wallet_address", name: "wallet_address", className: "border-2 border-[#ced4da] w-full p-2 rounded text-[#495057]", placeholder: "bc1q...", value: walletAddress, onChange: handleWalletAddressChange, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement(GreenActionButton, { buttonText: "Transfer to Wallet", onClick: handleTransferToWallet, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }))); }