From 42afb01944dcd4e20348edb7b8363f54cf90c20b Mon Sep 17 00:00:00 2001
From: Robert Dyjas <15113729+robdy@users.noreply.github.com>
Date: Fri, 17 Dec 2021 21:32:45 +0000
Subject: [PATCH] Add custom pre block

---
 src/components/CodeBlock.js | 10 ++++++++++
 src/components/Layout.js    |  2 ++
 2 files changed, 12 insertions(+)
 create mode 100644 src/components/CodeBlock.js

diff --git a/src/components/CodeBlock.js b/src/components/CodeBlock.js
new file mode 100644
index 00000000..432d51db
--- /dev/null
+++ b/src/components/CodeBlock.js
@@ -0,0 +1,10 @@
+import React from 'react'
+
+export const CodeBlock = (props) => {
+	console.log(props.children)
+	return (
+    <pre className={props.className}>
+      {props.children}
+    </pre>
+  )
+}
diff --git a/src/components/Layout.js b/src/components/Layout.js
index 23f38fbb..27fe7e51 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -7,6 +7,7 @@ import { withPrefix } from 'gatsby'
 import { MDXProvider } from '@mdx-js/react'
 import { NoteBlock, WarningBlock, TipBlock } from './Block'
 import { LinkToAnywhere } from './LinkToAnywhere'
+import { CodeBlock } from './CodeBlock'
 
 const TemplateWrapper = ({ children }) => {
   const { title, description, siteUrl } = useSiteMetadata()
@@ -149,6 +150,7 @@ const TemplateWrapper = ({ children }) => {
           Warning: WarningBlock,
           Tip: TipBlock,
           a: LinkToAnywhere,
+					pre: CodeBlock,
         }}
       >
         {children}