{"size": 857, "ext": "js", "max_stars_repo_path": "src/components/Form/code.js", "max_stars_repo_name": "mrbernnz/wedding", "max_stars_repo_stars_event_min_datetime": "2020-07-23T22:56:37.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-23T22:56:37.000Z", "max_issues_repo_path": "src/components/Form/code.js", "max_issues_repo_name": "mrbernnz/wedding", "max_issues_repo_issues_event_min_datetime": "2021-03-09T09:44:30.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-21T00:34:03.000Z", "max_forks_repo_path": "src/components/Form/code.js", "max_forks_repo_name": "mrbernnz/wedding", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 21.9743589744, "max_line_length": 65, "alphanum_fraction": 0.6067677946}
import React from 'react';
import Button from '@material-ui/core/Button';
import { withStyles } from '@material-ui/core/styles';

import withRoot from '../../withRoot';

import SearchBar from '../Inputs/search';

const styles = theme => ({
  button: {
    fontFamily: 'Lulu Clean One Bold',
    fontSize: '1.1rem',
    textAlign: 'center',
    textDecoration: 'none',
    display: 'block',
    margin: '0 auto',
    width: '50%'
  }
});

function CodeForm({ classes, submit, code, change, openModal }) {
  return (
    <form onSubmit={submit}>
      <SearchBar code={code} change={change} />
      <Button
        className={classes.button}
        type="submit"
        variant="raised"
        color="primary"
        onClick={openModal}
      >
        Find RSVP
      </Button>
    </form>
  );
}

export default withRoot(withStyles(styles)(CodeForm));
