{"size": 541, "ext": "js", "max_stars_repo_path": "client/src/components/footer.js", "max_stars_repo_name": "pr0PM/rctf", "max_stars_repo_stars_event_min_datetime": "2020-02-09T07:08:21.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-26T02:39:07.000Z", "max_issues_repo_path": "client/src/components/footer.js", "max_issues_repo_name": "pr0PM/rctf", "max_issues_repo_issues_event_min_datetime": "2020-02-09T16:22:56.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-02T06:29:11.000Z", "max_forks_repo_path": "client/src/components/footer.js", "max_forks_repo_name": "pr0PM/rctf", "max_forks_repo_forks_event_min_datetime": "2020-02-09T07:26:47.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-27T01:06:54.000Z"}
{"max_stars_count": 133, "max_issues_count": 216, "max_forks_count": 34, "avg_line_length": 19.3214285714, "max_line_length": 102, "alphanum_fraction": 0.5545286506}
import withStyles from './jss'

const Footer = ({ classes }) => (
  <div class={classes.root}>
    <span>
      Powered by <a href='https://rctf.redpwn.net/' target='_blank' rel='noopener noreferrer'>rCTF</a>
    </span>
  </div>
)

export default withStyles({
  root: {
    display: 'flex',
    justifyContent: 'center',
    padding: '1rem',
    '& a': {
      display: 'inline',
      padding: 0
    },
    fontSize: '0.85rem',
    opacity: 0.7,
    '&:hover': {
      opacity: 1
    },
    transition: 'opacity 300ms ease'
  }
}, Footer)
