Function Code

src/components/Code/Code.js:7–22

({ children, row, inline })

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;