// message.bodyHtml is already sanitized server-side (see
// lib/mail/sanitize-html.ts), including wrapping bare images in a link to
// their own full-size src — this only adds layout containment so an
// email's inline styles/tables can't blow out the message bubble's width.
export function MessageBodyHtml({ html, className = "" }: { html: string; className?: string }) {
  return (
    <div
      className={`message-html max-w-full overflow-x-auto text-sm break-words [&_img]:max-w-full [&_img]:cursor-zoom-in [&_table]:max-w-full [&_td]:break-words [&_th]:break-words ${className}`}
      dangerouslySetInnerHTML={{ __html: html }}
    />
  );
}