From a5b77a36559da3945f9ac83e14e5dd3dbdba7c89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sof=C3=ADa=20Maturana?= <sofimaturana830@gmail.com>
Date: Thu, 2 Apr 2026 18:55:58 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20agregar=20p=C3=A1gina=20register?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Register.jsx | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/Register.jsx

diff --git a/src/Register.jsx b/src/Register.jsx
new file mode 100644
index 0000000..485a8f7
--- /dev/null
+++ b/src/Register.jsx
@@ -0,0 +1,42 @@
+import { useState } from "react";
+
+const Register = () => {
+	const [user, setUser] = useState("");
+	const [pass, setPass] = useState("");
+	const [confirmPass, setConfirmPass] = useState("");
+	return (
+		<div>
+			<p>Usuario</p>
+			<input type="text" onChange={(ev) => setUser(ev.target.value)} />
+			<p>Contraseña</p>
+			<input type="password" onChange={(ev) => setPass(ev.target.value)} />
+			<p>Confirmar contraseña</p>
+			<input
+				type="password"
+				onChange={(ev) => setConfirmPass(ev.target.value)}
+			/>
+			<br />
+			<button
+				className="p-2 rounded-md bg-teal-400"
+				onClick={() => {
+					if (pass.length < 6) {
+						alert("La contraseña debe tener por lo menos 6 caracteres");
+						return;
+					}
+					if (pass !== confirmPass) {
+						alert("Las contraseñas no coinciden");
+						return;
+					}
+					if (user.length === 0) {
+						alert("Se requiere un nombre de usuario");
+					}
+					alert("Autenticacion exitosa");
+				}}
+			>
+				Registrarse
+			</button>
+		</div>
+	);
+};
+
+export default Register;