import { Markdown } from "minista-markdown"

const markdownText = `# test`

const H1Red = (props: any) => {
  return <h1 style={{ color: "red" }} {...props} />
}

const components = {
  h1: H1Red,
}

export const PageMarkdown = () => {
  return <Markdown content={markdownText} components={components} />
}

export default PageMarkdown

// => <h1 style="color:red">test</h1>