import {useState} from "react";
import {InputText} from "primereact/inputtext";
import {Button} from "primereact/button";
import {Dropdown} from "primereact/dropdown";
import authorizedFetch from "../Utils";
import {SPRING_SERVER} from "../config";
import {useTranslation} from "react-i18next";

export default function (props) {
    const [login, setLogin] = useState("")
    const [password, setPassword] = useState("")
    const [email, setEmail] = useState("")
    const { t } = useTranslation(); // Initialize the hook


    function registerUser() {
        authorizedFetch(SPRING_SERVER + "/register", {login: login, password: password, email: email})
    }

    return (
        <div className="shadow-4 flex flex-column p-2 h-full justify-content-around">
            <InputText className="" value={login} placeholder={t("login")} onChange={(e) => setLogin(e.target.value)}/>
            <InputText className="mt-2" value={password} placeholder={t("password")}
                       onChange={(e) => setPassword(e.target.value)}/>
            <InputText className="mt-2" value={email} placeholder="email"
                       onChange={(e) => setEmail(e.target.value)}/>
            <Button onClick={registerUser} className="mt-2">{t("addUser")}</Button>
        </div>
    )
}