function MainComponent() { const [isLoggedIn, setIsLoggedIn] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [balance, setBalance] = useState(50000); const [sendAmount, setSendAmount] = useState(""); const [receiverAddress, setReceiverAddress] = useState(""); const [error, setError] = useState(""); const handleLogin = (e)=>{ e.preventDefault(); if (email && password === "bit1000") { setIsLoggedIn(true); setError(""); } else { setError("Contraseña incorrecta"); } }; const handleSend = (e)=>{ e.preventDefault(); if (sendAmount && receiverAddress) { const amount = parseFloat(sendAmount); if (amount <= balance) { setBalance((prev)=>prev - amount); setSendAmount(""); setReceiverAddress(""); } } }; if (!isLoggedIn) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Bitt CCL Segurosbitcoin"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "🌟 Tu billetera virtual segura"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Correo electrónico", className: "w-full p-3 rounded-lg bg-[#3d3d3d] text-white", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Contraseña", className: "w-full p-3 rounded-lg bg-[#3d3d3d] text-white", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }), error && /*#__PURE__*/ React.createElement("p", { className: "text-[#ff4444] text-sm", __source: { fileName: "", lineNumber: 55, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4CAF50] text-white p-3 rounded-lg hover:bg-[#45a049]", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Iniciar Sesión")))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1a1a1a] p-4", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-8 mb-6", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Bitt CCL Segurosbitcoin"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Tu billetera virtual segura"), /*#__PURE__*/ React.createElement("p", { className: "text-white mt-2", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "¡Bienvenido/a! 👋"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "Sesión iniciada como: ", email)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsLoggedIn(false), className: "bg-[#ff4444] text-white px-4 py-2 rounded-lg hover:bg-[#cc0000]", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Salir")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3d3d3d] rounded-lg p-6 mb-6", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Balance Total"), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold text-white", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "$", balance.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3d3d3d] rounded-lg p-6", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Enviar Crypto"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSend, className: "space-y-4", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "address", placeholder: "Dirección del destinatario", className: "w-full p-3 rounded-lg bg-[#4d4d4d] text-white", value: receiverAddress, onChange: (e)=>setReceiverAddress(e.target.value), __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", placeholder: "Cantidad a enviar", className: "w-full p-3 rounded-lg bg-[#4d4d4d] text-white", value: sendAmount, onChange: (e)=>setSendAmount(e.target.value), __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4CAF50] text-white p-3 rounded-lg hover:bg-[#45a049]", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, "Enviar")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl p-8", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "Recibir Crypto"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#3d3d3d] p-4 rounded-lg", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-2", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, "Tu dirección de wallet:"), /*#__PURE__*/ React.createElement("p", { className: "text-white break-all bg-[#4d4d4d] p-3 rounded-lg", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "0x742d35Cc6634C0532925a3b844Bc454e4438f44e"))))); }