import ReactDown, { transform } from 'react-down'
import ReactDOM from 'react-dom'
 
const src = `# Hello, Markdown!
This is an *example*.`
 
const main = document.getElementById('main')
 
// Using the React component:
ReactDOM.render(<ReactDown src={src}/>, main)
 
// Using the transform function:
ReactDOM.render(transform(src), main)

import React from 'react'
import ReactDown, { combinePlugins, transform } from ' react-down'
 
function myPlugin(type, props, children, token) {
  if (type === 'h1') {
    return React.createElement('div', null, children)
  }
}
 
const main = document.getElementById('main')
 
// Using the React component:
ReactDOM.render(<ReactDown src="..." plugins={[myPlugin]}/>, main)
 
// Using the transform function:
const myTransform = combinePlugins(myPlugin /*, ... */)(transform)
ReactDOM.render(myTransform(src), main)