ElectronicBabylonianLiterature/ebl-frontend

import React from 'react'
import ReactMarkdown from 'react-markdown'
import * as remarkSubSuper from 'remark-sub-super'

export default function InlineMarkdown({
  source,
  className = '',
}: {
  source: string
  className?: string
}): JSX.Element {
  return (
    <ReactMarkdown
      className={className}
      source={source}
      plugins={[remarkSubSuper]}
      disallowedTypes={['paragraph']}
      unwrapDisallowed
      renderers={{
        sub: 'sub',
        sup: 'sup',
      }}
    />
  )
}