import React from "react";
import type { ColumnSort, OnChangeFn, Row, SortingState, VisibilityState } from "@tanstack/react-table";
interface DataTableColumn<T> {
    header?: string | number | React.JSX.Element;
    cell?: (row: T) => string | number | React.JSX.Element | null;
    size?: number;
    truncate?: boolean;
    className?: string;
    enableSorting?: boolean;
    enableResizing?: boolean;
    enableHiding?: boolean;
    accessorKey?: string;
}
type DataTableColumns<T> = {
    [P in keyof T]?: DataTableColumn<T>;
};
type DataTableDefaultData = {
    id: string;
    $selectable?: boolean;
};
type DataTableRow<T> = Row<DataTableDefaultData & T>;
type DataTableSorting = SortingState;
type DataTableColumnSort = ColumnSort;
type OnDataTableSortingChange = OnChangeFn<DataTableSorting>;
type DataTableColumnVisibility = VisibilityState;
type OnDataTableColumnVisibilityChange = OnChangeFn<DataTableColumnVisibility>;
interface DataTableProps<TEntry> {
    /**
     * Show or hide borders.
     */
    bordered?: boolean;
    /**
     * Controls whether "select all" action is allowed.
     */
    canSelectAllRows?: boolean;
    /**
     * Columns definition.
     */
    columns: DataTableColumns<TEntry>;
    /**
     * The column visibility state.
     */
    columnVisibility?: DataTableColumnVisibility;
    /**
     * Callback that receives current column visibility state.
     */
    onColumnVisibilityChange?: OnDataTableColumnVisibilityChange;
    /**
     * Data to display into DataTable body.
     */
    data: TEntry[];
    /**
     * Callback that is called to determine if the row is selectable.
     */
    isRowSelectable?: (row: Row<TEntry>) => boolean;
    /**
     * Render the skeleton state while data are loading.
     */
    loading?: boolean;
    /**
     * Callback that receives the selected rows.
     */
    onSelectRow?: (rows: TEntry[]) => void;
    /**
     * Callback that receives the toggled row.
     */
    onToggleRow?: (row: TEntry) => void;
    /**
     * Callback that receives current sorting state.
     */
    onSortingChange?: OnDataTableSortingChange;
    /**
     * Selected rows.
     */
    selectedRows?: TEntry[];
    /**
     * Sorting state.
     */
    sorting?: DataTableSorting;
    /**
     * Initial sorting state.
     */
    initialSorting?: DataTableSorting;
    /**
     * Enable sticky header.
     */
    stickyHeader?: boolean;
}
declare const DataTable: (<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
    original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
        original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(<T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element) & {
        original: <T extends Record<string, any> & DataTableDefaultData>({ bordered, canSelectAllRows, columnVisibility, columns: initialColumns, data: initialData, initialSorting, isRowSelectable, loading, onColumnVisibilityChange, onSelectRow, onSortingChange, onToggleRow, selectedRows, sorting, stickyHeader }: DataTableProps<T>) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};
export { DataTable, type DataTableProps, type DataTableColumn, type DataTableColumns, type DataTableDefaultData, type DataTableRow, type DataTableSorting, type DataTableColumnSort, type OnDataTableSortingChange, type DataTableColumnVisibility, type OnDataTableColumnVisibilityChange };