{"size": 636, "ext": "js", "max_stars_repo_path": "src/inputs/TextInput/TextInput.js", "max_stars_repo_name": "wangx6/vhi-react-library", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/inputs/TextInput/TextInput.js", "max_issues_repo_name": "wangx6/vhi-react-library", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/inputs/TextInput/TextInput.js", "max_forks_repo_name": "wangx6/vhi-react-library", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.5, "max_line_length": 78, "alphanum_fraction": 0.6053459119}
import React, { useState } from 'react'
import TextInputStyle from './TextInput.css'

const VhiInput = ({ vplaceholder, vvalue, vhandleChange, vtype, verror }) => {
  const [value] = useState(vvalue || '')
  const [error] = useState(verror || '')
  const type = vtype || 'text'
  const handleChange = vhandleChange || (() => {})

  return (
    <div>
      <input
        type={type}
        onChange={handleChange}
        defaultValue={value}
        className={`${TextInputStyle['vhi-input']}`}
        placeholder={vplaceholder}
      />
      <div className='vhi-input-error'>{error}</div>
    </div>
  )
}
export default VhiInput
