function MainComponent() { const [accountNumber, setAccountNumber] = React.useState(''); const [transferDate, setTransferDate] = React.useState(''); const [isExecuted, setIsExecuted] = React.useState(false); const handleSubmit = (e)=>{ e.preventDefault(); if (accountNumber && transferDate) { setIsExecuted(true); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-900 to-gray-900 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 max-w-2xl w-full", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-6 text-blue-800 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Advanced Human AI Financial Transfer System"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Transfer Amount"), /*#__PURE__*/ React.createElement("div", { className: "relative rounded-md shadow-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 sm:text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "$")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "amount", id: "amount", className: "focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 sm:text-sm border-gray-300 rounded-md", value: "30,000,000.00", readOnly: true, __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-500 sm:text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "USD")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "account", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Recipient Bank Account Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "account", id: "account", className: "focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md", placeholder: "Enter recipient's bank account number", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), required: true, __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "date", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Transfer Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", id: "date", className: "focus:ring-blue-500 focus:border-blue-500 block w-full sm:text-sm border-gray-300 rounded-md", value: transferDate, onChange: (e)=>setTransferDate(e.target.value), required: true, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Execute Monthly Transfer"))), isExecuted && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-green-100 border border-green-400 text-green-700 rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Transfer of $30,000,000 to account ", accountNumber, " scheduled for ", transferDate), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "This system complies with all financial regulations"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-2", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt mr-1", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }), "Secured by Advanced Human AI Technology")))); }