{"size": 593, "ext": "js", "max_stars_repo_path": "src/components/FloatingButton/index.js", "max_stars_repo_name": "eugeniobarrosjr/udacity-my-reads", "max_stars_repo_stars_event_min_datetime": "2020-07-28T15:54:51.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-15T11:56:16.000Z", "max_issues_repo_path": "src/components/FloatingButton/index.js", "max_issues_repo_name": "eugeniobarrosjr/udacity-my-reads", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/FloatingButton/index.js", "max_forks_repo_name": "eugeniobarrosjr/udacity-my-reads", "max_forks_repo_forks_event_min_datetime": "2021-01-29T07:10:08.000Z", "max_forks_repo_forks_event_max_datetime": "2021-09-04T23:07:22.000Z"}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": 3, "avg_line_length": 23.72, "max_line_length": 68, "alphanum_fraction": 0.6913996627}
import React from 'react';
import PropTypes from 'prop-types';

import Button from '@material-ui/core/Button';
import AddIcon from '@material-ui/icons/Add';
import { withStyles } from '@material-ui/core/styles';

import { Link } from 'react-router-dom';

import styles from './styles';

const FloatingButton = ({ classes }) => (
  <Link to="/search">
    <Button variant="fab" color="secondary" className={classes.fab}>
      <AddIcon />
    </Button>
  </Link>
);

FloatingButton.propTypes = {
  classes: PropTypes.shape({}).isRequired,
};

export default withStyles(styles)(FloatingButton);
