packages/components/containers/contacts/merge/table/EmailsTableCell.tsx

   1 import clsx from '@proton/utils/clsx';
   2
   3 interface Props {
   4     emails: string[];
   5     contactID: string;
   6     highlightedID: string;
   7     greyedOut: boolean;
   8 }
   9
  10 const EmailsTableCell = ({ contactID, emails = [], highlightedID, greyedOut }: Props) => {
  11     return (
  12         <div
  13             className={clsx([
  14                 'flex',
  15                 'items-center',
  16                 'max-w-full',
  17                 greyedOut && 'color-weak',
  18                 contactID === highlightedID && 'text-bold',
  19             ])}
  20         >
  21             <span className="inline-block text-ellipsis">{emails.map((email) => `<${email}>`).join(', ')}</span>
  22         </div>
  23     );
  24 };
  25
  26 export default EmailsTableCell;