import React from 'react';

export type TableHeadProps = {
  size?: string | number;
  style?: React.CSSProperties;
  className?: string;
  isNote?: boolean;
  children?: React.ReactNode;
};

export type TableProps = {
  data?: {
    heading: string;
    size?: number | string;
    data: React.ReactNode[];
    // isNote?: boolean;
  }[];
  // dividerPosition?: [];
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactNode;
};

export interface TableCellProps {
  isNote?: boolean;
  heading?: string;
  children?: React.ReactNode;
  className?: string;
  style?: React.CSSProperties;
}

export type TableRowProps = {
  bold?: boolean;
  children?: React.ReactNode;
  className?: string;
  data?: TableCellProps[];
  style?: React.CSSProperties;
  // children: React.ReactChildren<TableCellProps>;
};

export type TableHeaderProps = {
  children: React.ReactNode;
  style?: React.CSSProperties;
  className?: string;
};
