15 lines
560 B
JavaScript
15 lines
560 B
JavaScript
|
import { Box, Stack } from '@chakra-ui/react'
|
||
|
|
import * as React from 'react'
|
||
|
|
import { Copyright } from './Copyright'
|
||
|
|
import { SocialMediaLinks } from './SocialMediaLinks'
|
||
|
|
|
||
|
|
export const Footer = () => (
|
||
|
|
<Box as="footer" role="contentinfo" mx="auto" maxW="7xl" py="12" px={{ base: '4', md: '8' }}>
|
||
|
|
<Stack>
|
||
|
|
<Stack direction="row" spacing="4" align="center" justify="space-between">
|
||
|
|
<SocialMediaLinks />
|
||
|
|
</Stack>
|
||
|
|
<Copyright alignSelf={{ base: 'center', sm: 'start' }} />
|
||
|
|
</Stack>
|
||
|
|
</Box>
|
||
|
|
)
|