summaryrefslogtreecommitdiff
path: root/client/src/pages/Enrollment/FormTwo/FormTwo.jsx
blob: 205b3d917ce5969ea3a42438dc0ee4b0578de94f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import React from 'react'
import Input from '../../../components/Input/Input'
import Header from '../../../components/Header/Header'
import SubmitButton from '../../../components/SubmitButton/SubmitButton'
import { useTranslation } from 'react-i18next'

const FormTwo = ({ formData, setFormData }) => {
  const { t } = useTranslation()
  return (
    <div className="formtwo">
      <Header subheading={t('ENROLLMENT')} />
      <Input
        id="mobile"
        value={formData.mobile}
        label={t('MOBILE')}
        type="text"
        onChange={(e) => {
          setFormData({
            ...formData,
            mobile: e.target.value
          })
        }}
        placeholder={t('ENTER_YOUR_MOBILE_NUMBER')}
      />
      <Input
        id="email"
        value={formData.email}
        label={t('EMAIL')}
        type="email"
        onChange={(e) => {
          setFormData({
            ...formData,
            email: e.target.value
          })
        }}
        placeholder={t('ENTER_YOUR_EMAIL_ID')}
      />
      <SubmitButton />
    </div>
  )
}

export default FormTwo