import React from "react";
import ReactMarkdown from "react-markdown";
import gfm from "remark-gfm";

if (!String.prototype.replaceAll) {
	String.prototype.replaceAll = function(str, newStr){

		// If a regex pattern
		if (Object.prototype.toString.call(str).toLowerCase() === '[object regexp]') {
			return this.replace(str, newStr);
		}

		// If a string
		return this.replace(new RegExp(str, 'g'), newStr);

	};
}

export function DisplayAsMarkdown({markdowntext, className}){
    //console.log(markdowntext)
    markdowntext = markdowntext.replaceAll("\n", "\n\n")
   return( <ReactMarkdown
        plugins={[gfm]}
        children={markdowntext}
        className={className}
    />)
}