import { type JSX, type ReactNode } from 'react';
import { type DataTableColumn, type DataTableDensity, type DataTableProps } from './DataTable.js';
export type ResponsiveRecordListMode = 'table' | 'cards' | 'auto';
export type ResponsiveRecordListDensity = DataTableDensity;
export type ResponsiveRecordListColumn<Row> = DataTableColumn<Row> & {
    priority?: 'primary' | 'important' | 'secondary' | 'debug';
    mobileRole?: 'title' | 'subtitle' | 'meta' | 'badge' | 'status' | 'action' | 'hidden';
};
export type ResponsiveRecordListProps<Row> = Omit<DataTableProps<Row>, 'columns'> & {
    columns: readonly ResponsiveRecordListColumn<Row>[];
    mode?: ResponsiveRecordListMode;
    density?: ResponsiveRecordListDensity;
    renderAction?: (row: Row) => ReactNode;
};
export declare const ResponsiveRecordList: <Row>({ columns, rows, getRowId, mode, density, renderAction, className, ...tableProps }: ResponsiveRecordListProps<Row>) => JSX.Element;
export default ResponsiveRecordList;
//# sourceMappingURL=ResponsiveRecordList.d.ts.map