"use client"
import ForgetPassword from "@/components/views/login-signup/forget password/ForgetPassword"
import Signup from "@/components/views/login-signup/Signup"
import { AuthFormState } from "@/modules/authentication/authFormState"
import { useState } from "react"
import LoginFirstPage from "./LoginFirstPage"
type Props = {
  setOpen: React.Dispatch<React.SetStateAction<boolean>>
}
const Login = ({setOpen}:Props) => {
  const [formState, setFormState] = useState<AuthFormState>("login")

  const renderer: {
    [K in AuthFormState]: JSX.Element
  } = {
    signup: <Signup setFormState={setFormState} setOpen={setOpen}/>,
    login: <LoginFirstPage setFormState={setFormState} setOpen={setOpen}/>,
    forgetPass: <ForgetPassword setFormState={setFormState} />,
  }

  return renderer[formState]
}

export default Login