mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
28 lines
806 B
JavaScript
28 lines
806 B
JavaScript
|
import React from "react";
|
||
|
|
import { Box, Collapse } from "@chakra-ui/core";
|
||
|
|
import MarkDown from "~/components/MarkDown";
|
||
|
|
|
||
|
|
export default React.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>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
);
|