import React from 'react';
import { Container } from 'components/layout';
import { RichTextContentSegmentTypeEnum } from 'expo-schema';
import { RichTextProps } from './Types';
import { Content } from './content';

export const RichText: React.FC<RichTextProps> = ({ block }) => {
  return (
    <Container>
      {block.richTextContent.map((content, index) => (
        <Content
          placeholder=""
          key={index}
          setRichTextContent={() => {}}
          richTextContent={{
            id: String(''),
            order: 12,
            strings: [],
            type: RichTextContentSegmentTypeEnum.Paragraph,
          }}
        />
      ))}
    </Container>
  );
};