function MainComponent() { const [accountNumber, setAccountNumber] = React.useState(''); const [isActive, setIsActive] = React.useState(false); const [transferDate, setTransferDate] = React.useState(''); const handleActivate = ()=>{ if (accountNumber) { setIsActive(true); const nextTransfer = new Date(); nextTransfer.setMonth(nextTransfer.getMonth() + 1); setTransferDate(nextTransfer.toLocaleDateString()); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] text-white font-roboto flex items-center justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a] p-8 rounded-lg shadow-lg w-[400px]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "AI Fund Transfer"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Transfer Details:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 34 }, __self: this }, "Amount:"), " $30 million"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 22, columnNumber: 34 }, __self: this }, "Frequency:"), " Monthly"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 23, columnNumber: 34 }, __self: this }, "Destination:"), " Specified Bank Account")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "accountNumber", placeholder: "Enter Bank Account Number", className: "w-full bg-[#3a3a3a] text-white p-2 rounded", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: `w-full ${isActive ? 'bg-[#00ff00] hover:bg-[#00dd00]' : 'bg-[#4a4a4a] hover:bg-[#5a5a5a]'} text-white font-bold py-2 px-4 rounded transition duration-300`, onClick: handleActivate, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, isActive ? 'Transfer Active' : 'Activate Automatic Transfer'), isActive && /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-4 text-center", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Next transfer of $30 million scheduled for: ", transferDate), /*#__PURE__*/ React.createElement("p", { className: "text-xs mt-4 text-center text-[#888888]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "AI-powered automatic transfers. Use responsibly."))); }