/** @jsx jsx */
import { jsx, Box } from 'theme-ui'
import { useSiteMetadata } from '../hooks'

export default () => {
  const { author } = useSiteMetadata()
  return (
    <footer sx={{ py: 5, textAlign: 'center', color: 'gray' }}>
      <Box>
        All materials &copy; { `${(new Date()).getFullYear()}` }, { author }.
      </Box>
    </footer>
  )
}