Current File : /opt/alt/alt-nodejs12/root/usr/lib/node_modules/npm/docs/src/components/home//Footer.js
import React from 'react'
import boxes from '../../images/background-boxes.svg'
import styled from 'styled-components'
import {Flex, Box} from 'rebass'
const Container = styled(Flex)`
background: center / cover no-repeat url(${boxes});
height: 380px;
background-color: ${(props) => props.theme.colors.offWhite};
`
const ContentWrapper = styled(Box)`
align-content: center;
width: 100%;
text-align: center;
background-color: ${(props) => props.theme.colors.white};
`
const Footer = () => {
return (
<Container>
<ContentWrapper py={4} mt={'auto'}>
Footer Text 🤪
</ContentWrapper>
</Container>
)
}
export default Footer
