src/components/Forms/Input/Input.js

   1 import React from 'react';
   2 import './Input.css';
   3
   4 const Input = function({ label, type, name, autoFocus, onChange }) {
   5   let parsedName = name || label.toLowerCase();
   6
   7   return (
   8     <div className="Input-wrapper">
   9       <label className="Input-label">
  10         {label}
  11       </label>
  12       <input
  13         type={type}
  14         name={parsedName}
  15         onChange={onChange}
  16         autoFocus={autoFocus}
  17         className="Input-input"
  18       />
  19     </div>
  20   );
  21 };
  22
  23 export default Input;