1import React from 'react' 2import boxes from '../../images/background-boxes.svg' 3import styled from 'styled-components' 4import {Flex, Box} from 'rebass' 5 6const Container = styled(Flex)` 7 background: center / cover no-repeat url(${boxes}); 8 height: 380px; 9 background-color: ${(props) => props.theme.colors.offWhite}; 10 ` 11 12const ContentWrapper = styled(Box)` 13 align-content: center; 14 width: 100%; 15 text-align: center; 16 background-color: ${(props) => props.theme.colors.white}; 17` 18 19const Footer = () => { 20 return ( 21 <Container> 22 <ContentWrapper py={4} mt={'auto'}> 23 Footer Text �� 24 </ContentWrapper> 25 </Container> 26 ) 27} 28 29export default Footer 30
