import React from 'react';
import { PropCombination, Props } from './propTypes';
/**
 * A helper to generate a table of all possible states for component visual testing.
 */
export interface ComponentStatesTableProps {
    /**
     * The props that will be passed to the component when it is rendered and the corresponding
     * row label for that permutation. It is encouraged to use the result of permutateProps()
     * rather than passing in a list so we don't miss any combinations.
     */
    rowProps: PropCombination[];
    /**
     * The props that will be passed to the component when it is rendered and the corresponding
     * column label for that permutation. It is encouraged to use the result of permutateProps()
     * rather than passing in a list so we don't miss any combinations.
     */
    columnProps: PropCombination[];
    /**
     * The render function called to render the component in each cell of the table. This gives you
     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
     */
    children(props: Props): React.ReactNode;
}
export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ComponentStatesTable.d.ts.map