import { useState } from 'react'
import useUser from 'lib/useUser'
import submitForm from 'helpers/submitForm'
import {Layout, Form} from 'components'

const Login = () => {
  const {mutateUser} = useUser({
    redirectToVerify: true,
    redirectToApps: true,
  })

  const [errorMsg, setErrorMsg] = useState('')
  const handleSubmit = e => submitForm(e, '/api/login', mutateUser, setErrorMsg)

  return (
    <Layout>
      <Form
        isLogin
        errorMessage={errorMsg}
        onSubmit={handleSubmit}
      />
    </Layout>
  )
}

export default Login