{"size": 486, "ext": "js", "max_stars_repo_path": "src/components/SearchInput/index.js", "max_stars_repo_name": "MatheusFoganholo/kinvo-premium", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/SearchInput/index.js", "max_issues_repo_name": "MatheusFoganholo/kinvo-premium", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/SearchInput/index.js", "max_forks_repo_name": "MatheusFoganholo/kinvo-premium", "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": 23.1428571429, "max_line_length": 64, "alphanum_fraction": 0.6522633745}
import React from 'react';
import PropTypes from 'prop-types';
import MagnifyingGlass from '../../assets/magnifying-glass.png';
import { Input } from './styles';

export const SearchInput = ({ value, onChange }) => {
  return (
    <Input
      type="text"
      value={value}
      onChange={onChange}
      style={{ backgroundImage: `url(${MagnifyingGlass})` }}
    />
  );
};

SearchInput.propTypes = {
  value: PropTypes.string.isRequired,
  onChange: PropTypes.func.isRequired,
};
