Scoped global styling to all markdown

Make React compatible with markdown-style HTML by added components
with identical styling to markdown. This is done while CSS scoping
is maintained. Additional style is loaded through the markdown loader
by injecting default-styling tags into the components. This allows
default-margin to be added to these elements in addition to the styling
found in the React elements. The homepage reflects the domain, as defined
by an environmental variable.

1 files changed, 8 insertions, 8 deletions

diff --git a/components/Markdown/index.tsx b/components/Markdown/index.tsx
index 1a71330..b6def4f 100644
--- a/components/Markdown/index.tsx
+++ b/components/Markdown/index.tsx
@@ -1,24 +1,24 @@
 import React, { FC } from 'react';
-import styles from './markdown.module.scss';
+
 import clsx from 'clsx';
 
 interface MarkdownProps {
     md: string;
     className?: string;
-    props?: object;
 }
 
-const Markdown : FC<MarkdownProps> = ({md, className, ...props}) => (
-    <div
-        className={clsx(styles.markdownContainer, className)}
+const Markdown : FC<MarkdownProps> = ({md, className}) => {
 
+  const prerendered = (
+    <div
         dangerouslySetInnerHTML={{
             __html: md
         }}
-
-        {...props}
     />
-);
+  );
+
+  return prerendered;
+};
 
 export type {
     MarkdownProps