text: import ContentTransformer from 'ui/content-transformer';
  import { H3 } from 'ui';
  
  import { Outer, Title, Body, Text, Media } from './styles';
  import Images from '../images';
  import Videos from '../videos';
  
  const Paragraph = ({
    body,
    title,
    images,
    videos,
    headingComponent: HeadingComponent = H3
  }) => {
    return (
      <Outer>
        <Text>
          {!!title && title.text && (
            <Title>
              <HeadingComponent>{title.text}</HeadingComponent>
            </Title>
          )}
          <Images images={images} />
          {body?.json?.length > 0 && (
            <Body>
              <ContentTransformer {...body.json} />
            </Body>
          )}
        </Text>
        <Media>
          <Videos videos={videos} />
        </Media>
      </Outer>
    );
  };
  
  export default Paragraph;
  