function MainComponent() { const [balance, setBalance] = React.useState(0); const [isButtonDisabled, setIsButtonDisabled] = React.useState(false); const handleSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = { name: formData.get('name'), email: formData.get('email'), password: formData.get('password') }; console.log('Registration Data:', data); }; const handleGoogleLogin = ()=>{ console.log('Google Login Clicked'); }; const handleEarningClick = ()=>{ setIsButtonDisabled(true); let increment = 0.001; let duration = 10000; let steps = duration / 100; for(let i = 1; i <= steps; i++){ setTimeout(()=>{ setBalance((prevBalance)=>prevBalance + increment); }, i * 100); } setTimeout(()=>{ setIsButtonDisabled(false); }, duration); }; return /*#__PURE__*/ React.createElement(NewComponent, { onSubmit: handleSubmit, onGoogleLogin: handleGoogleLogin, balance: balance, onEarningClick: handleEarningClick, isButtonDisabled: isButtonDisabled, __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }); } function NewComponent({ onSubmit, onGoogleLogin, balance, onEarningClick, isButtonDisabled }) { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "Создать новый счёт"), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Имя", className: "block w-full mb-2 p-2 border", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "block w-full mb-2 p-2 border", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Пароль", className: "block w-full mb-2 p-2 border", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Регистрировать")), /*#__PURE__*/ React.createElement("button", { onClick: onGoogleLogin, className: "w-full p-2 bg-red-500 text-white mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "Google Login"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "block text-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Баланс: ", balance.toFixed(3), " KEDR")), /*#__PURE__*/ React.createElement("button", { onClick: onEarningClick, className: `w-full p-2 bg-green-500 text-white ${isButtonDisabled ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: isButtonDisabled, __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, "Начать начисление")); }