From 928d35f48c575d8946438a63444af46dd3aafb14 Mon Sep 17 00:00:00 2001
From: dorian melenotte <dorian.melenotte@epitech.eu>
Date: Thu, 8 Aug 2024 10:59:50 +0200
Subject: [PATCH] ADD: page of registration

---
 src/files/Register.jsx | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/files/Register.jsx b/src/files/Register.jsx
index 3fe93ba..4872e8c 100644
--- a/src/files/Register.jsx
+++ b/src/files/Register.jsx
@@ -1,5 +1,34 @@
-import React from "react";
+import { Button, Input, Stack } from "@chakra-ui/react";
+import React, { useState } from "react";
 
 export function Register() {
-  return <h1>Inscription</h1>;
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleSubmit = () => {
+    setIsLoading(true);
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 2000);
+  };
+
+  return (
+    <>
+      <h1 style={{ color: "white", fontSize: "30px", textAlign: "center" }}>
+        Veuillez remplir ce formulaire d'Inscription
+      </h1>
+      <Stack spacing={4} align="center">
+        <Input placeholder="Email" size="md" />
+        <Input placeholder="Password" size="md" type="password" />
+        <Input placeholder="Confirm Password" size="md" type="password" />
+        <Button
+          isLoading={isLoading}
+          loadingText="Chargement"
+          variant="outline"
+          onClick={handleSubmit}
+        >
+          Soumettre
+        </Button>
+      </Stack>
+    </>
+  );
 }