import React from 'react';
import { StandardProps } from '../../util/component-types';
interface IResponsiveGridCellProps extends StandardProps {
}
interface IResponsiveGridWrapperProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
    /**
     * Break points for the grid to switch column layouts. Break points should be provided
     * in ascending order. Currently only two break points are used. Example: [960, 1430]
     */
    breakPoints: number[];
}
interface IResponsiveGridProps extends IResponsiveGridWrapperProps {
    /**
     * Width of the grid. Note: this does not set the width of the grid, and should be
     * provided by calculating the width of the parent element.
     */
    width: number;
}
export declare class ResponsiveGrid extends React.Component<IResponsiveGridProps> {
    static displayName: string;
    static propTypes: {
        width: any;
        breakPoints: any;
        className: any;
    };
    getColumnLayout: (numberOfColumns: number) => JSX.Element;
    shouldComponentUpdate(nextProps: IResponsiveGridProps): boolean;
    render(): JSX.Element;
}
declare const ResponsiveGridWrapper: {
    (props: IResponsiveGridWrapperProps): JSX.Element;
    Cell: {
        (_props: IResponsiveGridCellProps): null;
        displayName: string;
        peek: {
            description: string;
        };
    };
    defaultProps: {
        breakPoints: number[];
    };
    displayName: string;
    propTypes: {
        breakPoints: any;
        className: any;
    };
    peek: {
        description: string;
        categories: string[];
        madeFrom: string[];
    };
};
export default ResponsiveGridWrapper;