import { ReactNode } from 'react';
type DataTablePrimitive = string | number | boolean | null | undefined;
type DataTableRow = Record<string, DataTablePrimitive>;
export type DataTableColumnContent<TRow extends object> = ReactNode | ((row: TRow) => ReactNode);
type DataTableColumn<TRow extends object> = {
    key: Extract<keyof TRow, string>;
    label?: ReactNode | ((row: TRow) => ReactNode);
    cell?: ReactNode | ((row: TRow) => ReactNode);
    fixedWidth?: string;
};
export type DataTableProps<TRow extends {
    id: string | number;
} = DataTableRow & {
    id: string | number;
}> = {
    /** The data to be displayed in the table */
    data: TRow[];
    /** The columns configuration for the table */
    columns?: DataTableColumn<TRow>[];
    /** Whether the table header should be sticky */
    stickyHeader?: boolean;
    /** Virtualization settings for the table */
    virtualize?: {
        /** The height of each row in pixels */
        rowHeight: number;
        /** The number of additional rows to render above and below the visible area for smoother scrolling */
        buffer?: number;
    } | null;
    /** The keys in the data objects that indicate whether a row is active (for styling purposes) */
    activeKeys?: (string | number)[];
    /** Message to display when there is no data */
    noDataMessage?: string;
};
export declare const DataTable: <TRow extends {
    id: string | number;
} = DataTableRow & {
    id: string | number;
}>({ data, columns, stickyHeader, virtualize, activeKeys, noDataMessage, }: DataTableProps<TRow>) => import("react").JSX.Element;
export {};