function MainComponent() { const [accounts, setAccounts] = React.useState([]); const [newAccount, setNewAccount] = React.useState(''); const handleAddAccount = (e)=>{ e.preventDefault(); if (newAccount.trim() !== '') { setAccounts([ ...accounts, newAccount.trim() ]); setNewAccount(''); } }; const handleRemoveAccount = (index)=>{ const updatedAccounts = accounts.filter((_, i)=>i !== index); setAccounts(updatedAccounts); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-900 to-indigo-800 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 w-full max-w-2xl", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8 text-indigo-800 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "Human AI Financial Transfer"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-700 mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Automated monthly transfer of $30,000,000 to specified bank accounts.")), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleAddAccount, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "account", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Add Recipient Bank Account"), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", id: "account", name: "account", className: "flex-grow px-3 py-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-2 focus:ring-indigo-500", placeholder: "Enter bank account number", value: newAccount, onChange: (e)=>setNewAccount(e.target.value), __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-indigo-600 text-white py-2 px-4 rounded-r-md hover:bg-indigo-700 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Recipient Accounts:"), accounts.map((account, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex justify-between items-center bg-gray-100 p-2 rounded mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, account), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemoveAccount(index), className: "text-red-600 hover:text-red-800", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Transfer Amount"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "amount", name: "amount", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500", value: "$30,000,000", disabled: true, __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "date", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Next Transfer Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "date", name: "date", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full mt-6 bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 transition duration-300 ease-in-out flex items-center justify-center", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave mr-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), "Schedule Transfer")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-crimson-text", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Powered by advanced AI technology for secure and efficient transfers"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-4xl text-indigo-600 mt-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this })))); }