import Box from '@mui/material/Box'
import { RichTextMessageContent } from '@/shared/ui/RichTextMessageContent'

type Props = {
  text: string
  attachmentUrl?: string | null
  imageAlt?: string
}

/** Текст чата заказа (TipTap HTML) и опциональное изображение (например чек). */
export function OrderMessageBody(props: Props) {
  const { text, attachmentUrl, imageAlt = 'Вложение к сообщению' } = props
  return (
    <>
      <RichTextMessageContent value={text} tone="chat" />
      {attachmentUrl ? (
        <Box
          component="img"
          src={attachmentUrl}
          alt={imageAlt}
          sx={{ mt: 1, maxWidth: '100%', borderRadius: 1, display: 'block', border: 1, borderColor: 'divider' }}
        />
      ) : null}
    </>
  )
}