function MainComponent() { const [accountNumber, setAccountNumber] = React.useState(''); const [transferDate, setTransferDate] = React.useState(''); const [complianceCheck, setComplianceCheck] = React.useState(false); const [transferStatus, setTransferStatus] = React.useState(''); const handleSubmit = (e)=>{ e.preventDefault(); if (accountNumber && transferDate && complianceCheck) { setTransferStatus('Transfer scheduled successfully!'); } else { setTransferStatus('Please fill all required fields and confirm compliance.'); } }; 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: 17, 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: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-6 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Advanced Human AI Transfer System"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "accountNumber", className: "block text-sm font-medium text-gray-700 mb-1 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Destination Account Number"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "accountNumber", name: "accountNumber", className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500", placeholder: "Enter account number", required: true, value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "transferAmount", className: "block text-sm font-medium text-gray-700 mb-1 font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Transfer Amount"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-gray-400", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", id: "transferAmount", name: "transferAmount", className: "w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500", value: "30,000,000.00", readOnly: true, __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "transferDate", className: "block text-sm font-medium text-gray-700 mb-1 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Transfer Date"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "transferDate", name: "transferDate", className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500", required: true, value: transferDate, onChange: (e)=>setTransferDate(e.target.value), __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "complianceCheck", className: "flex items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "complianceCheck", name: "complianceCheck", className: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded", required: true, checked: complianceCheck, onChange: (e)=>setComplianceCheck(e.target.checked), __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "I confirm that this transfer complies with all applicable financial regulations"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md transition duration-300 ease-in-out transform hover:scale-105 font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Execute Monthly Transfer")), transferStatus && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center font-roboto text-sm font-medium", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, transferStatus), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Secure | Compliant | Precise"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-blue-500 text-2xl mt-2", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this })))); }