feat: add support themes

nexxtway · Jul 29, 2020 · 2642397 · 2642397
1 parent 5c3fad5
commit 2642397
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/MarkdownOutput/index.js b/src/components/MarkdownOutput/index.js
@@ -1,14 +1,15 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import useMarkdownToReact from './hooks/useMarkdownToReact';
+import HighlightTheme from './highlightTheme';
 
 export default function MarkdownOutput(props) {
-    const { id, className, style, value } = props;
+    const { id, className, style, value, highlightTheme } = props;
     const result = useMarkdownToReact(value);
     return (
-        <div id={id} className={className} style={style}>
+        <HighlightTheme id={id} className={className} style={style} theme={highlightTheme}>
             {result}
-        </div>
+        </HighlightTheme>
     );
 }
 
@@ -21,11 +22,13 @@ MarkdownOutput.propTypes = {
     style: PropTypes.object,
     /** The markdown string to parse.  */
     value: PropTypes.string,
+    highlightTheme: PropTypes.oneOf(['github-gist', 'github', 'dracula']),
 };
 
 MarkdownOutput.defaultProps = {
     id: undefined,
     className: undefined,
     style: undefined,
     value: '',
+    highlightTheme: 'github-gist',
 };