import React from 'react'

import {
  Paragraph, ParagraphHeading, HiddenParagraph, Pullquote
} from './elementTypes.text'

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

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

import {
  MediaGallery
} from './elementTypes.gallery'

export const transcriptElementLookup = {
  paragraph: React.memo(Paragraph),
  intro_paragraph: React.memo(Paragraph),
  big_text: React.memo(Paragraph),
  blockquote: React.memo(Paragraph),
  pullquote: React.memo(Pullquote),

  hidden: React.memo(Paragraph),
  heading_text: React.memo(HiddenParagraph),
  intro: React.memo(HiddenParagraph),
  schedule: React.memo(HiddenParagraph),

  section_heading: React.memo(ParagraphHeading),
  header: React.memo(ParagraphHeading),

  video: React.memo(MediaVideo),
  image: React.memo(MediaImage),
  carousel: React.memo(MediaGallery),
  gallery: React.memo(MediaGallery),
  grid: React.memo(MediaGallery),
  vitrine: React.memo(MediaGallery),
}