1 files changed, 14 insertions, 0 deletions
diff --git a/extension/react-app/src/components/StyledCode.tsx b/extension/react-app/src/components/StyledCode.tsx
new file mode 100644
index 00000000..16183e7f
--- /dev/null
+++ b/extension/react-app/src/components/StyledCode.tsx
@@ -0,0 +1,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;
+\ No newline at end of file