components/Markdown/index.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import React, { FC } from 'react';
import styles from './markdown.module.scss';
import clsx from 'clsx';

interface MarkdownProps {
    md: string;
    className?: string;
    props?: object;
}

const Markdown : FC<MarkdownProps> = ({md, className, ...props}) => (
    <div
        className={clsx(styles.markdownContainer, className)}
        
        dangerouslySetInnerHTML={{
            __html: md
        }}

        {...props}
    />
);

export type {
    MarkdownProps
};

export default Markdown;