fleet/frontend/components/DataTable/TextCell/TextCell.tsx

import React from 'react';

interface ITextCellProps {
  value: string | number;
  formatter?: (val: any) => string;
}

const TextCell = (props: ITextCellProps): JSX.Element => {
  const {
    value,
    formatter = val => val, // identity function if no formatter is provided
  } = props;

  return (
    <span>
      {formatter(value)}
    </span>
  );
};

export default TextCell;