import { type WebChatActivity } from 'botframework-webchat-core';
import React, { memo, type FC } from 'react';

import { type WebChatAttachment } from '../private/types/WebChatAttachment';
import TextContent from './TextContent';

type Props = Readonly<{
  activity: WebChatActivity;
  attachment: WebChatAttachment & {
    contentType: `text/${string}`;
  };
}>;

const TextAttachment: FC<Props> = memo(({ activity, attachment: { content, contentType } }: Props) => (
  <TextContent activity={activity} contentType={contentType} text={content} />
));

TextAttachment.displayName = 'TextAttachment';

export default TextAttachment;