{"size": 1205, "ext": "js", "max_stars_repo_path": "src/components/Attribution/Attribution.js", "max_stars_repo_name": "hagopj13/movie-tracker", "max_stars_repo_stars_event_min_datetime": "2020-09-22T06:14:06.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-24T10:04:24.000Z", "max_issues_repo_path": "src/components/Attribution/Attribution.js", "max_issues_repo_name": "hagopj13/movie-tracker", "max_issues_repo_issues_event_min_datetime": "2022-02-15T01:07:55.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T23:27:30.000Z", "max_forks_repo_path": "src/components/Attribution/Attribution.js", "max_forks_repo_name": "hagopj13/movie-tracker", "max_forks_repo_forks_event_min_datetime": "2021-06-28T18:47:15.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-26T22:16:39.000Z"}
{"max_stars_count": 20, "max_issues_count": 2, "max_forks_count": 5, "avg_line_length": 23.6274509804, "max_line_length": 80, "alphanum_fraction": 0.622406639}
// @flow
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
import Typography from '@material-ui/core/Typography';

import tmdbLogo from './tmdbLogo.svg';

const useStyles = makeStyles((theme) => ({
  root: {
    padding: theme.spacing(2, 3),
    display: 'flex',
    alignItems: 'center',
    minWidth: 270,
    [theme.breakpoints.down('xs')]: {
      flexDirection: 'column',
      maxWidth: 330,
    },
  },
  logo: {
    width: 110,
    height: 52,
    marginRight: theme.spacing(3),
    [theme.breakpoints.down('xs')]: {
      marginRight: 0,
      marginBottom: theme.spacing(2),
    },
  },
  text: {
    fontWeight: theme.typography.fontWeightRegular,
    [theme.breakpoints.down('xs')]: {
      textAlign: 'center',
    },
  },
}));

const Attribution = () => {
  const classes = useStyles();

  return (
    <Paper className={classes.root}>
      <img className={classes.logo} src={tmdbLogo} alt="tmdb logo" />
      <Typography className={classes.text} variant="h6">
        This product uses the TMDb API but is not endorsed or certified by TMDb.
      </Typography>
    </Paper>
  );
};

export default Attribution;
