{"size": 585, "ext": "js", "max_stars_repo_path": "components/footer.js", "max_stars_repo_name": "lachlanjc/catherine", "max_stars_repo_stars_event_min_datetime": "2019-12-30T03:13:41.000Z", "max_stars_repo_stars_event_max_datetime": "2020-12-01T22:34:42.000Z", "max_issues_repo_path": "components/footer.js", "max_issues_repo_name": "lachlanjc/catherine", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/footer.js", "max_forks_repo_name": "lachlanjc/catherine", "max_forks_repo_forks_event_min_datetime": "2019-12-30T03:13:09.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-16T12:04:31.000Z"}
{"max_stars_count": 5, "max_issues_count": null, "max_forks_count": 3, "avg_line_length": 22.5, "max_line_length": 67, "alphanum_fraction": 0.5316239316}
import { Container, Box } from 'theme-ui'
import { GitHub } from 'react-feather'

const Footer = () => (
  <Box as="footer" sx={{ textAlign: 'center', px: 2, py: [3, 4] }}>
    <Container
      sx={{
        maxWidth: 640,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        color: 'muted',
        fontSize: 0,
        svg: { stroke: 'currentColor', mr: 3 }
      }}
      as="a"
      href="https://github.com/lachlanjc/catherine"
    >
      <GitHub size={20} />
      View source code
    </Container>
  </Box>
)

export default Footer
