1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import Highlight, { defaultProps } from 'prism-react-renderer';
export const Code = ({ children }) => {  const code = children.trim();
  return (    <Highlight {...defaultProps} language="jsx" code={code} theme={undefined}>      {({ className, style, tokens, getLineProps, getTokenProps }) => (        <pre className={className} style={style}>          {tokens.map((line, i) => (            <div {...getLineProps({ line, key: i })}>              {line.map((token, key) => (                <span {...getTokenProps({ token, key })} />              ))}            </div>          ))}        </pre>      )}    </Highlight>  );};