import React, { FC } from "react";
import { SvgIconProps } from "@material-ui/core";
export declare type Result = {
    id: string | number;
    primary: string;
    secondary?: string;
    action?: React.ReactNode;
    icon?: (props: SvgIconProps) => JSX.Element;
    /** arbitrary data */
    [key: string]: unknown;
};
export interface ResultsListProps {
    /** Array of objects that, at minimum have `id` and `primary` properties. */
    results: Result[];
    /** Fired when a user clicks the result. First argument is the result object. */
    onSelect: (result: Result) => void;
    /** Add Elements to right of *each* result. A function whos first argument is the result object and must return a ReactNode. Alternatively, just pass a react node.  Like render props! */
    right?: (result: Result) => React.ReactNode | React.ReactNode;
}
/**
 * An easy way to display a list of information, such as search results
 * in list form. See `ResultsCardList` for a grid-list results component.
 */
export declare const ResultsList: FC<ResultsListProps>;
/** Alias for search results */
export declare const SearchResults: React.FC<ResultsListProps>;
//# sourceMappingURL=index.d.ts.map