function MainComponent() { const [accountNumber, setAccountNumber] = React.useState(''); const [isActivated, setIsActivated] = React.useState(false); const handleActivation = ()=>{ if (accountNumber.trim() !== '') { setIsActivated(true); } }; 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: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-6 font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "AI Fund Transfer System"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "accountNumber", className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __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 focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter account number", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), disabled: isActivated, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Transfer Amount"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-green-600", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "$30,000,000")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Automatic monthly transfer"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Next transfer: ", /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 34, columnNumber: 63 }, __self: this }, "1st of next month"))), /*#__PURE__*/ React.createElement("button", { className: `w-full ${isActivated ? 'bg-green-600 hover:bg-green-700' : 'bg-blue-600 hover:bg-blue-700'} text-white font-bold py-3 px-4 rounded-md transition duration-300 ease-in-out transform hover:scale-105`, onClick: handleActivation, disabled: isActivated, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isActivated ? 'fa-check' : 'fa-robot'} mr-2`, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), isActivated ? 'AI Transfer Activated' : 'Activate AI Transfer'))); }