25 lines
638 B
JavaScript
25 lines
638 B
JavaScript
|
|
// styles
|
|
import useStyles from './styles';
|
|
import SyntaxHighlighter from 'react-syntax-highlighter';
|
|
import { docco } from 'react-syntax-highlighter/dist/esm/styles/hljs';
|
|
|
|
const Code = ({ children, row, inline }) => {
|
|
const props = { row, inline };
|
|
const classes = useStyles(props);
|
|
return (
|
|
<div className={classes.codeContainer}>
|
|
<SyntaxHighlighter
|
|
className={classes.codeComponent}
|
|
language='javascript'
|
|
style={docco}
|
|
customStyle={inline ? { padding: '2px 6px', margin: '-0.5em 0' } : {}}
|
|
>
|
|
{children}
|
|
</SyntaxHighlighter>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Code;
|