import ReactMarkdown from "react-markdown"
import styled from "styled-components"

const MarkdownElement = styled(ReactMarkdown)`
    blockquote {
        margin: 0;
        background-color: gainsboro;
        padding: 10px 10px 10px 10px;
        p:last-child {
            margin-bottom: 0;
            font-size: 1.1em;
        }
    }
`

interface IProps {
    children: string
}

export function Markdown({ children }: IProps) {
    return <MarkdownElement>{children}</MarkdownElement>
}