import React from 'react';
import DOMPurify from 'dompurify';
import type { MessageBlock } from '@/store/commStore';

interface HtmlBlockProps {
  block: MessageBlock;
}

const HtmlBlock: React.FC<HtmlBlockProps> = ({ block }) => {
  const rawHtml: string = block.block_data.html || '';

  if (!rawHtml) {
    return null;
  }

  const sanitized = DOMPurify.sanitize(rawHtml);

  return (
    <div
      className="prose prose-sm max-w-none text-inherit"
      dangerouslySetInnerHTML={{ __html: sanitized }}
    />
  );
};

export default HtmlBlock;