import * as React from 'react';
export type ResponsiveTableColumnPriority = 'primary' | 'secondary' | 'hidden-on-mobile';
export interface ResponsiveTableColumn<T> {
    key: string;
    header: React.ReactNode;
    cell: (row: T, rowIndex: number) => React.ReactNode;
    priority?: ResponsiveTableColumnPriority;
    headerClassName?: string;
    cellClassName?: string;
    mobileLabel?: React.ReactNode;
}
export interface ResponsiveTableProps<T> {
    columns: ResponsiveTableColumn<T>[];
    data: T[];
    rowKey: (row: T, index: number) => string;
    className?: string;
    onRowClick?: (row: T, index: number) => void;
    rowActions?: (row: T, index: number) => React.ReactNode;
    emptyState?: React.ReactNode;
    caption?: React.ReactNode;
}
/** Table that reflows to a stack of cards below the `md` breakpoint. */
export declare function ResponsiveTable<T>({ columns, data, rowKey, className, onRowClick, rowActions, emptyState, caption, }: ResponsiveTableProps<T>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=responsive-table.d.ts.map