import theme from '../../../src/styles/theme'

const Footer = () => (
  <footer>
    <p>u-fit &copy; 2020</p>
    <style jsx>{`
      footer {
        text-align: center;
        background-color: ${theme.colors.footerBackground};
        color: ${theme.colors.footer};
        box-shadow: ${theme.bsUp};
      }
    `}</style>
  </footer>
)

export default Footer
