summaryrefslogtreecommitdiff
path: root/client/src/pages/Enrollment/Address/Address.jsx
blob: 6a32bcf12c4ade0f06bd53a05324dbf1f2a46d68 (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
44
45
46
47
import React from 'react'
import Header from '../../../components/Header/Header'
import Input from '../../../components/Input/Input'
import SubmitButton from '../../../components/SubmitButton/SubmitButton'

import styles from './Address.module.css'

const Address = () => {
  return (
    <>
      <Header subheading="Enrollment" />
      <div className={styles.address}>
        <div className={styles.address__container}>
          <Input
            id="houseNo"
            label="House Number/ Apartment"
            value="house"
            type="text"
          />
          <Input
            id="locality"
            label="Area / Locality"
            value="locality"
            type="text"
          />
          <Input id="town" label="Village / Town" value="town" type="text" />
          <Input
            id="postOffice"
            label="Post Office"
            value="postOffice"
            type="text"
          />
        </div>
        <div className={styles.address__container}>
          <Input id="street" label="Street / Road" value="street" type="text" />
          <Input id="landmark" label="Landmark" value="landmark" type="text" />
          <Input id="district" label="District" value="district" type="text" />
          <Input id="pincode" label="Pincode" value="pincode" type="text" />
        </div>
      </div>
      <Input id="state" label="State" value="state" type="text" />
      <SubmitButton />
    </>
  )
}

export default Address