mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
25 lines
573 B
JavaScript
25 lines
573 B
JavaScript
import * as React from 'react';
|
|
import { Box, useColorMode } from '@chakra-ui/core';
|
|
|
|
export const CodeBlock = ({ children }) => {
|
|
const { colorMode } = useColorMode();
|
|
const bg = { dark: 'gray.800', light: 'blackAlpha.100' };
|
|
const color = { dark: 'white', light: 'black' };
|
|
return (
|
|
<Box
|
|
fontFamily="mono"
|
|
mt={5}
|
|
p={3}
|
|
border="1px"
|
|
borderColor="inherit"
|
|
rounded="md"
|
|
bg={bg[colorMode]}
|
|
color={color[colorMode]}
|
|
fontSize="sm"
|
|
whiteSpace="pre-wrap"
|
|
as="pre">
|
|
{children}
|
|
</Box>
|
|
);
|
|
};
|