From 3fdc84205fd0b7659450204fb9393815e97207c7 Mon Sep 17 00:00:00 2001
From: J08nY
Date: Thu, 13 Aug 2020 21:32:53 +0200
Subject: Add fonts and code colorscheme.

---
 src/components/CodeBlock.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/CodeBlock.js

(limited to 'src/components/CodeBlock.js')

diff --git a/src/components/CodeBlock.js b/src/components/CodeBlock.js
new file mode 100644
index 0000000..d496779
--- /dev/null
+++ b/src/components/CodeBlock.js
@@ -0,0 +1,22 @@
+/** @jsx jsx */
+import {jsx, Styled} from "theme-ui";
+import Highlight, { defaultProps } from "prism-react-renderer";
+import theme from '../codeTheme';
+
+function CodeBlock({code, language}) {
+  return <Highlight {...defaultProps} theme={theme} code={code} language={language}>
+    {({ className, style, tokens, getLineProps, getTokenProps }) => (
+      <Styled.pre className={className} style={style}>
+        {tokens.map((line, i) => (
+          <div {...getLineProps({ line, key: i })}>
+            {line.map((token, key) => (
+              <span {...getTokenProps({ token, key })} />
+            ))}
+          </div>
+        ))}
+      </Styled.pre>
+    )}
+  </Highlight>
+}
+
+export default CodeBlock
\ No newline at end of file
-- 
cgit v1.3.1