import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
export type TTableColumn = Readonly<{
    key: string;
    label?: string;
    width?: number;
    minWidth?: number;
    maxWidth?: number;
    flex?: number;
    align?: "left" | "right";
    style?: Style;
    headerStyle?: Style;
    format?: (value: unknown, row: TTableRow, index: number) => string;
}>;
export type TTableRow = Readonly<Record<string, unknown>>;
export type TTableRowClickPayload = Readonly<{
    row: TTableRow;
    index: number;
}>;
export type TTableHeaderClickPayload = Readonly<{
    column: TTableColumn;
    index: number;
}>;
export type TTableRowKeydownPayload = Readonly<{
    row: TTableRow;
    index: number;
    event: unknown;
}>;
export declare const TTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    columns: {
        type: PropType<readonly TTableColumn[]>;
        required: true;
    };
    /**
     * Rows are rendered from the top of the current viewport; TTable does not own
     * scrollTop or virtualization.
     */
    rows: {
        type: PropType<readonly TTableRow[]>;
        required: true;
    };
    rowKey: {
        type: PropType<string | ((row: TTableRow, index: number) => unknown)>;
        default: undefined;
    };
    selectedRowKey: {
        type: any;
        default: undefined;
    };
    selectedRowKeys: {
        type: PropType<readonly unknown[]>;
        default: undefined;
    };
    activeRowKey: {
        type: any;
        default: undefined;
    };
    border: {
        type: BooleanConstructor;
        default: boolean;
    };
    header: {
        type: BooleanConstructor;
        default: boolean;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    borderStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    selectedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    emptyText: {
        type: StringConstructor;
        default: string;
    };
    headerFocusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    rowFocusable: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    rowClick: (_payload: TTableRowClickPayload) => true;
    headerClick: (_payload: TTableHeaderClickPayload) => true;
    rowKeydown: (_payload: TTableRowKeydownPayload) => true;
}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    w: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    columns: {
        type: PropType<readonly TTableColumn[]>;
        required: true;
    };
    /**
     * Rows are rendered from the top of the current viewport; TTable does not own
     * scrollTop or virtualization.
     */
    rows: {
        type: PropType<readonly TTableRow[]>;
        required: true;
    };
    rowKey: {
        type: PropType<string | ((row: TTableRow, index: number) => unknown)>;
        default: undefined;
    };
    selectedRowKey: {
        type: any;
        default: undefined;
    };
    selectedRowKeys: {
        type: PropType<readonly unknown[]>;
        default: undefined;
    };
    activeRowKey: {
        type: any;
        default: undefined;
    };
    border: {
        type: BooleanConstructor;
        default: boolean;
    };
    header: {
        type: BooleanConstructor;
        default: boolean;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    headerStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    borderStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    selectedStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    activeStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    emptyText: {
        type: StringConstructor;
        default: string;
    };
    headerFocusable: {
        type: BooleanConstructor;
        default: boolean;
    };
    rowFocusable: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onRowClick?: ((_payload: Readonly<{
        row: TTableRow;
        index: number;
    }>) => any) | undefined;
    onHeaderClick?: ((_payload: Readonly<{
        column: Readonly<{
            key: string;
            label?: string;
            width?: number;
            minWidth?: number;
            maxWidth?: number;
            flex?: number;
            align?: "left" | "right";
            style?: Readonly<{
                fg?: string;
                bg?: string;
                bold?: boolean;
                dim?: boolean;
                italic?: boolean;
                underline?: boolean;
                inverse?: boolean;
                href?: string;
            }>;
            headerStyle?: Readonly<{
                fg?: string;
                bg?: string;
                bold?: boolean;
                dim?: boolean;
                italic?: boolean;
                underline?: boolean;
                inverse?: boolean;
                href?: string;
            }>;
            format?: (value: unknown, row: TTableRow, index: number) => string;
        }>;
        index: number;
    }>) => any) | undefined;
    onRowKeydown?: ((_payload: Readonly<{
        row: TTableRow;
        index: number;
        event: unknown;
    }>) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    header: boolean;
    zIndex: number;
    border: boolean;
    selectedStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    emptyText: string;
    headerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    activeStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    rowKey: string | ((row: TTableRow, index: number) => unknown);
    borderStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    selectedRowKey: any;
    selectedRowKeys: readonly unknown[];
    activeRowKey: any;
    headerFocusable: boolean;
    rowFocusable: boolean;
}, {}>;