From 23190b09367ce7c0df3ad72ada494c99ca05a801 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Mon, 15 Jun 2020 20:25:11 -0700
Subject: [PATCH] feat: Create a Markdown component

---
 src/components/Markdown.js          | 15 +++++++++++++++
 src/components/Markdown.module.scss |  9 +++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/components/Markdown.js
 create mode 100644 src/components/Markdown.module.scss

diff --git a/src/components/Markdown.js b/src/components/Markdown.js
new file mode 100644
index 000000000..17a9884f7
--- /dev/null
+++ b/src/components/Markdown.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import ReactMarkdown from 'react-markdown';
+import styles from './Markdown.module.scss';
+
+const Markdown = ({ className, ...props }) => (
+  <ReactMarkdown className={cx(styles.container, className)} {...props} />
+);
+
+Markdown.propTypes = {
+  className: PropTypes.string,
+};
+
+export default Markdown;
diff --git a/src/components/Markdown.module.scss b/src/components/Markdown.module.scss
new file mode 100644
index 000000000..0c16006dc
--- /dev/null
+++ b/src/components/Markdown.module.scss
@@ -0,0 +1,9 @@
+.container {
+  > *:first-child {
+    margin-top: 0;
+  }
+
+  code {
+    background: var(--color-neutrals-100);
+  }
+}