import { type IOps, type IStream } from '../../stream/index.js';
import { type I$Node, type I$Slottable, type INodeCompose } from '../../ui-renderer-dom/index.js';
import { type I$QuantumScroll, type IPageRequest } from './$QuantumScroll.js';
export interface TablePageResponse<T> extends IPageRequest {
    page: T[];
}
export interface ISortBy<T, K extends keyof T = keyof T> {
    direction: 'asc' | 'desc';
    selector: K;
}
export interface TableOption<T, FilterState = never> {
    columns: TableColumn<T>[];
    dataSource: IStream<Promise<TablePageResponse<T> | T[]>> | T[];
    scrollConfig?: Omit<I$QuantumScroll, 'dataSource'>;
    $between?: I$Node;
    $rowCallback?: IOps<T, INodeCompose>;
    $container?: INodeCompose;
    $rowContainer?: INodeCompose;
    $headerRowContainer?: INodeCompose;
    $cell?: INodeCompose;
    $bodyCell?: INodeCompose;
    $headerCell?: INodeCompose;
    sortChange?: IStream<ISortBy<T>>;
    filterChange?: IStream<FilterState>;
    $sortArrowDown?: I$Node;
}
export interface TableColumn<T> {
    $head: I$Slottable;
    $bodyCallback: IOps<T, I$Node>;
    sortBy?: keyof T;
    gridTemplate?: string;
    $bodyCellContainer?: INodeCompose;
    $headerCellContainer?: INodeCompose;
}
export declare const $caretDown: I$Node<SVGPathElement>;
export declare const $defaultTableCell: INodeCompose<HTMLElement>;
export declare const $defaultTableHeaderCell: INodeCompose<HTMLElement>;
export declare const $defaultTableRowContainer: INodeCompose<HTMLElement | SVGElement>;
export declare const $defaultTableContainer: INodeCompose<HTMLElement>;
export declare const $Table: <T, FilterState = never>({ dataSource, columns, scrollConfig, $container, $rowContainer, $headerRowContainer, $cell, $bodyCell, $headerCell, $rowCallback, sortChange, filterChange, $between, $sortArrowDown }: TableOption<T, FilterState>) => (iTether: import("../../ui/types.js").IOutputTethers<{
    scrollRequest: IPageRequest;
    sortBy: ISortBy<T, keyof T>;
    filterChange: FilterState;
}>) => I$Slottable;