export type Props<Row, Cols> =
  & PaginationProps
  & { data: Array<Row>; columns: DataGridColumns<Row, Cols>; };

type PaginationProps =
  | { paginate?: false }
  | {
      paginate: true;
      currentPage: number;
      totalPages: number;
      onChangePage: (page: number) => Promise<unknown>;
    };

export type DataGridColumns<Row, Cols> = {
  [K in keyof Cols]: Column<Row, Cols, K>;
};

export type Column<Row, Cols, Key extends keyof Cols> = {
  label: string;
  getValue: (row: Row) => Cols[Key];
  getDisplayValue?: (row: Row) => string;
  renderView?: (value: Cols[Key], row: Row) => string;
  renderEdit?: (opts: {
    row: Row;
    value: Cols[Key];
    isEnabled: boolean;
    setValue: (value: Cols[Key]) => void;
    setValues: (props: Partial<Cols>) => void;
  }) => string;
  alignment?: "left" | "center" | "right";
};

type Person = { lastName: string, firstName: string, birthdate: Date };

const props: Props<Person, { fullName: string, age: number }> = {
  data: []
};