import { TS_Object } from '@nu-art/ts-common';
import React, { HTMLProps } from 'react';
import './TS_Table.scss';
export type Header<T extends TableHeaders<any>> = T extends TableHeaders<infer R, infer A, infer P> ? P | {
    header: P;
    className?: string;
    widthPx?: number | string;
} : never;
export type TableHeaders<R extends TS_Object, A extends string = never, P extends ((keyof R) | A) = ((keyof R) | A)> = (P | {
    header: P;
    className?: string;
    widthPx?: number | string;
})[];
export type HeaderRenderer<R extends TS_Object, A extends string = never, P extends ((keyof R) | A) = ((keyof R) | A)> = {
    [C in P]?: (columnKey: C) => React.ReactNode;
};
export type CellRenderer<R extends TS_Object, A extends string = never, P extends keyof R | A = ((keyof R) | A)> = (prop: P, item: R, index: number) => React.ReactNode;
export type RowRenderer<R extends TS_Object, A extends string = never, P extends ((keyof R) | A) = ((keyof R) | A)> = {
    [C in P]?: CellRenderer<R, A, C>;
};
export type Props_Table<R extends TS_Object, A extends string = never, P extends ((keyof R) | A) = ((keyof R) | A)> = {
    id?: string;
    header: TableHeaders<R, A, P>;
    rows: R[];
    headerRenderer?: ((columnKey: P) => React.ReactNode) | HeaderRenderer<R, A, P>;
    cellRenderer: CellRenderer<R, A, P> | RowRenderer<R, A, P>;
    table?: HTMLProps<HTMLTableElement> | (() => HTMLProps<HTMLTableElement>);
    head?: HTMLProps<HTMLTableSectionElement> | (() => HTMLProps<HTMLTableSectionElement>);
    body?: HTMLProps<HTMLTableSectionElement> | (() => HTMLProps<HTMLTableSectionElement>);
    tr?: HTMLProps<HTMLTableRowElement> | ((row: R | undefined, rowIndex: number) => HTMLProps<HTMLTableRowElement>);
    td?: HTMLProps<HTMLTableDataCellElement> | ((row: R, rowIndex: number, columnKey: P) => HTMLProps<HTMLTableDataCellElement>);
    th?: HTMLProps<HTMLTableHeaderCellElement> | ((columnKey: P) => HTMLProps<HTMLTableHeaderCellElement>);
};
export declare class TS_Table<R extends TS_Object, A extends string = never> extends React.Component<Props_Table<R, A>, any> {
    static defaultProps: {
        actionHeaderRenderer: (action: any) => import("react/jsx-runtime").JSX.Element;
    };
    constructor(p: Props_Table<R, A>);
    render(): import("react/jsx-runtime").JSX.Element;
    private renderTableHeader;
    private renderTableBody;
}