import React from 'react';
import MarkdownEditor from '@uiw/react-markdown-editor';
import classes from "../assets/styles/components/markDown.module.scss"
import '@mdxeditor/editor/style.css';

const MarkDown = ({mkValue, setMkValue}) => {
    return (
        <div className={classes.main} data-color-mode="light">
            <MarkdownEditor 
                value={mkValue} 
                onChange={(value, viewUpdate) => setMkValue(value)}
                enablePreview={false}
                visibleDragbar={false}
            />
        </div>
    )
}

export default MarkDown;