import React, { FC } from "react";
import { ColumnProps } from "./table";

type Props = ColumnProps & {
  dataKey: string;
};

const TextColumn: FC<Props> = ({ row, dataKey }) => {
  return row[dataKey];
};

TextColumn.defaultProps = {
  createComparator: (props: Props, columnIndex) => {
    return (a: any, b: any) => {
      if (a[props.dataKey] < b[props.dataKey]) {
        return -1;
      } else if (a[props.dataKey] > b[props.dataKey]) {
        return 1;
      } else {
        return 0;
      }
    };
  },
  ascendingIcon: "sort-alpha-down-alt",
  descendingIcon: "sort-alpha-down"
};

export default TextColumn;