import type { ReactElement } from 'react';
import type { DocumentsTableRowType } from '../columns.js';

type Props = {
  document: DocumentsTableRowType;
};

export const Description = ({ document }: Props): ReactElement => {
  let description = '';
  if (document.description) {
    description = document.description;
  } else if (
    'issuedDocumentInfo' in document &&
    document.issuedDocumentInfo?.originalDocument?.income
  ) {
    const { income } = document.issuedDocumentInfo.originalDocument;
    description = income.map(item => item.description).join(', ');
  }
  return (
    <div className="flex flex-col justify-center whitespace-normal">
      <p>{description}</p>
    </div>
  );
};