{"size": 418, "ext": "js", "max_stars_repo_path": "src/components/Filter/Filter.js", "max_stars_repo_name": "mellsson89/goit-react-hw-02-phonebook", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Filter/Filter.js", "max_issues_repo_name": "mellsson89/goit-react-hw-02-phonebook", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Filter/Filter.js", "max_forks_repo_name": "mellsson89/goit-react-hw-02-phonebook", "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": 24.5882352941, "max_line_length": 106, "alphanum_fraction": 0.6937799043}
import React from "react";
import style from './styles/filter.module.scss';
import PropTypes from 'prop-types';

const Filter =({value,onChange}) => (

    <label className={style.filterLabel}>
        Find contacts by name
        <input type='text' name='filter' value={value} onChange={onChange} className={style.filterInput}/>
    </label>
)

Filter.propTypes={
    value:PropTypes.string
}

export default Filter;