From b6975ecc4b1df6d0b5c2fdc8c8d7eed9ccb22372 Mon Sep 17 00:00:00 2001
From: blam <ben@blam.sh>
Date: Fri, 11 Mar 2022 18:17:09 +0100
Subject: [PATCH] feat: support passing styles to the MarkdownContent card
 Signed-off-by: blam <ben@blam.sh>

Signed-off-by: blam <ben@blam.sh>
---
 .../src/components/MarkdownContent/MarkdownContent.tsx        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/core-components/src/components/MarkdownContent/MarkdownContent.tsx b/packages/core-components/src/components/MarkdownContent/MarkdownContent.tsx
index 0e5aedda90..013e81817a 100644
--- a/packages/core-components/src/components/MarkdownContent/MarkdownContent.tsx
+++ b/packages/core-components/src/components/MarkdownContent/MarkdownContent.tsx
@@ -70,6 +70,7 @@ type Props = {
   linkTarget?: Options['linkTarget'];
   transformLinkUri?: (href: string) => string;
   transformImageUri?: (href: string) => string;
+  className?: string;
 };
 
 const components: Options['components'] = {
@@ -99,12 +100,13 @@ export function MarkdownContent(props: Props) {
     linkTarget,
     transformLinkUri,
     transformImageUri,
+    className,
   } = props;
   const classes = useStyles();
   return (
     <ReactMarkdown
       remarkPlugins={dialect === 'gfm' ? [gfm] : []}
-      className={classes.markdown}
+      className={`${classes.markdown} ${className}`}
       children={content}
       components={components}
       linkTarget={linkTarget}