import React from 'react'

import {
  Paragraph,
  SectionHeading,
  HeadingText,
  Pullquote,
} from './inline.text'

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

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

import {
  InlineCarousel,
  InlineGallery,
  InlineGrid,
  InlineVitrine,
} from './inline.gallery'

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

export const inlineComponents = {
  paragraph: React.memo(Paragraph),
  intro_paragraph: React.memo(Paragraph),
  hidden: React.memo(Paragraph),
  blockquote: React.memo(Paragraph),
  pullquote: React.memo(Pullquote),
  section_heading: React.memo(SectionHeading),
  heading_text: React.memo(HeadingText),
  big_text: React.memo(Paragraph),
  header: React.memo(SectionHeading),

  intro: React.memo(Intro),
  schedule: React.memo(Schedule),

  video: React.memo(MediaVideo),
  image: React.memo(MediaImage),

  vitrine: InlineVitrine,
  gallery: InlineGallery,
  grid: InlineGrid,
  carousel: InlineCarousel,
}