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

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

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

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

export default Register