"use client"

import { useEffect } from "react"
import { redirect } from "next/navigation"
import { useUser } from "@/lib/hooks/useUser"
import { LoginForm } from "@/components/auth/loginForm"
import styles from "styles/login/page.module.css"

export default function Login() {
  const user = useUser()

  useEffect(() => {
    if (user) {
      redirect("/")
    }
  }, [])

  useEffect(() => {
    if (user) {
      redirect("/")
    }
  }, [user])

  return (
    <div className={styles.container}>{
      user
        ? `You're logged in with the email ${user.email}`
        : <LoginForm />
    }</div>
  )
}