{"size": 494, "ext": "js", "max_stars_repo_path": "app/components/TextComponent.js", "max_stars_repo_name": "rmurgatroyd/inluencer-form-v2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/TextComponent.js", "max_issues_repo_name": "rmurgatroyd/inluencer-form-v2", "max_issues_repo_issues_event_min_datetime": "2020-04-06T09:43:19.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-02T22:27:58.000Z", "max_forks_repo_path": "app/components/TextComponent.js", "max_forks_repo_name": "rmurgatroyd/inluencer-form-v2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 21.4782608696, "max_line_length": 90, "alphanum_fraction": 0.5141700405}
import React from 'react';
import { validate } from '../containers/HomePage/validate.js'

export const Text = ({ label, input, className, placeholder, meta:{error, touched} }) => {
  return (
    <div>
      <div>
        {label}
      </div>
      <div>
        <input {...input} placeholder={placeholder} type="text" className={className} />
        {touched && (error && (
          <div>
            {error}
          </div>
        ))}
      </div>
    </div>
  );
}

export default Text;
