1  import React from 'react';
 2  import Markdown from 'react-markdown';
 3  
 4  import NewTabLink from 'components/ui/NewTabLink';
 5  
 6  interface Props {
 7    source: string;
 8  }
 9  
10  const TranslateMarkdown = ({ source }: Props) => {
11    return (
12      <Markdown
13        escapeHtml={true}
14        unwrapDisallowed={true}
15        allowedTypes={['link', 'emphasis', 'strong', 'code', 'root', 'inlineCode']}
16        renderers={{
17          root: React.Fragment,
18          link: NewTabLink
19        }}
20        source={source}
21      />
22    );
23  };
24  
25  export default TranslateMarkdown;