// src/pages/LoginPage.jsx


// import React, { useState } from "react";
// import Input from "../components/Inputs/Input";
// import Button from "../components/Buttons/Button";

// function LoginPage() {
//   const [email, setEmail] = useState("");
//   const [password, setPassword] = useState("");

//   const handleLogin = async (e) => {
//     console.log("Email:", email, "Password:", password);
//     console.log("Angel");
//     e.preventDefault();

//     try {
//       const response = await api.post("/auth/login", {
//         name_user: form.user,
//         password_use: form.password,
//       });

//       console.log("✅ Login exitoso", response.data);
//       setMensaje(response.data.message);
//       setError("");

//       // Si el backend devuelve un token, guárdalo:
//       // localStorage.setItem("token", response.data.token);

//     } catch (err) {
//       const errorMsg = err.response?.data?.error || "Error al iniciar sesión";
//       console.error("❌ Error:", errorMsg);
//       setError(errorMsg);
//       setMensaje("");
//     }
//   };

//   return (
//     <div style={{ maxWidth: "400px", margin: "50px auto", textAlign: "center" }}>
//       <h2>Log In</h2>

//       <Input
//         placeholder="Email/User"
//         value={email}
//         onChange={(e) => setEmail(e.target.value)}
//       />

//       <Input
//         type="password"
//         placeholder="Password"
//         value={password}
//         onChange={(e) => setPassword(e.target.value)}
//       />

//       <Button label="Log In" onClick={handleLogin} variant="primary" />
//       <Button label="Recover Password" onClick={() => alert("Recovering...")} variant="primary" />
//     </div>
//   );
// }

// export default LoginPage;
