extension/react-app/src/components/StyledCode.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14

import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { synthwave84 } from "react-syntax-highlighter/dist/esm/styles/prism";

interface StyledCodeProps {
    children: string;
}

const StyledCode = (props: (StyledCodeProps)) => (
  <SyntaxHighlighter language="auto" style={synthwave84}>
    {props.children}
  </SyntaxHighlighter>
);

export default StyledCode;