import React from 'react'

import {
  Paragraph, ParagraphHeading
} from './inline.text'

import {
  MediaVideo
} from './inline.video'

import {
  MediaImage
} from './inline.image'

import {
  Intro
} from './inline.utility'

export const inlineComponents = {
  paragraph: React.memo(Paragraph),
  intro_paragraph: React.memo(Paragraph),
  hidden: React.memo(Paragraph),
  blockquote: React.memo(Paragraph),
  section_heading: React.memo(ParagraphHeading),
  heading_text: React.memo(ParagraphHeading),
  header: React.memo(ParagraphHeading),
  video: React.memo(MediaVideo),
  image: React.memo(MediaImage),
  intro: React.memo(Intro),
}