temp codeblock

Author: jamiehenson

src/components/Layout/MDXWrapper.tsx

@@ -5,7 +5,8 @@ import '../../styles/global.css';
 import PageTitle from '../PageTitle';
 import { MarkdownProvider } from '../Markdown';
 import Article from '../Article';
-import Conditional from 'src/components/Layout/mdx/conditional';
+import Conditional from './mdx/Conditional';
+import CodeBlock from './mdx/CodeBlock';
 
 type PageContextType = {
   frontmatter: {
@@ -22,7 +23,7 @@ const MDXWrapper: React.FC<MDXWrapperProps> = ({ children, pageContext }) => {
 
   return (
     <Article>
-      <MarkdownProvider extraComponents={{ Conditional }}>
+      <MarkdownProvider extraComponents={{ Conditional, CodeBlock }}>
         {title && <PageTitle>{title}</PageTitle>}
         {children}
       </MarkdownProvider>

src/components/Layout/mdx/CodeBlock.tsx

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+
+interface CodeBlockProps {
+  children: ReactNode;
+}
+
+const CodeBlock: React.FC<CodeBlockProps> = ({ children }) => {
+  return <div className="code-block">{children}</div>;
+};
+
+export default CodeBlock;