{"size": 704, "ext": "js", "max_stars_repo_path": "client/src/components/Home/Home.js", "max_stars_repo_name": "beneckimateusz/pomodoro", "max_stars_repo_stars_event_min_datetime": "2021-02-16T14:09:05.000Z", "max_stars_repo_stars_event_max_datetime": "2021-02-20T19:02:34.000Z", "max_issues_repo_path": "client/src/components/Home/Home.js", "max_issues_repo_name": "beneckimateusz/pomodoro", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/Home/Home.js", "max_forks_repo_name": "beneckimateusz/pomodoro", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.1142857143, "max_line_length": 83, "alphanum_fraction": 0.5610795455}
import { Grid, Hidden, makeStyles } from '@material-ui/core';
import KeyboardShortcutsCard from '../KeyboardShortcutsCard/KeyboardShortcutsCard';
import Timer from '../Timer/Timer';

const useStyles = makeStyles(() => ({
  root: {
    minHeight: '85vh',
  },
}));

function Home() {
  const classes = useStyles();
  return (
    <div>
      <Grid
        container
        direction="column"
        alignItems="center"
        justify="space-evenly"
        spacing={2}
        className={classes.root}
      >
        <Timer />
        <Hidden smDown>
          <Grid item>
            <KeyboardShortcutsCard />
          </Grid>
        </Hidden>
      </Grid>
    </div>
  );
}

export default Home;
