summaryrefslogtreecommitdiff
path: root/client/src/components/Input/Input.jsx
blob: 5987e27131ea8d00532ab5fc45b57afe30d65731 (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
import React from 'react'
import styles from './Input.module.css'

const Input = ({ label, id, value, type, name, onChange, placeholder }) => {
  return (
    <div className={styles.input}>
      <div className={styles.input__container}>
        <label htmlFor={id}>{label}</label>
        <input
          className={styles.input__field}
          type={type}
          id={id}
          name={name}
          value={value}
          onChange={onChange}
          required
          placeholder={placeholder}
        />
      </div>
    </div>
  )
}

export default Input