mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
28 lines
711 B
JavaScript
28 lines
711 B
JavaScript
import * as React from 'react';
|
|
import { forwardRef } from 'react';
|
|
import { Box, Collapse } from '@chakra-ui/core';
|
|
import { Markdown } from 'app/components/Markdown';
|
|
|
|
export const FooterContent = forwardRef(
|
|
({ isOpen = false, content, side = 'left', title, ...props }, ref) => {
|
|
return (
|
|
<Collapse
|
|
px={6}
|
|
py={4}
|
|
w="auto"
|
|
ref={ref}
|
|
borderBottom="1px"
|
|
display="flex"
|
|
maxWidth="100%"
|
|
isOpen={isOpen}
|
|
flexBasis="auto"
|
|
justifyContent={side === 'left' ? 'flex-start' : 'flex-end'}
|
|
{...props}>
|
|
<Box textAlign={side}>
|
|
<Markdown content={content} />
|
|
</Box>
|
|
</Collapse>
|
|
);
|
|
},
|
|
);
|