import { ReactNode } from 'react';
import { BreakpointKey, Breakpoints, BreakpointUnit } from './breakpoints';
/**
 * Props for ReactBreakpoints
 */
export interface MatchMediaBreakpointsProps<K extends BreakpointKey = BreakpointKey> {
    /**
     * Your breakpoints object.
     */
    breakpoints: Breakpoints<K>;
    /**
     * The type of unit that your breakpoints should use - px or em.
     * @default "px"
     */
    breakpointUnit?: BreakpointUnit;
    /**
     * Default breakpoint that is used
     * if no breakpoint matches
     *
     * Defaults to smallest breakpoint if not set
     */
    defaultBreakpoint?: K;
    /**
     * Children props
     */
    children?: ReactNode;
}
/**
 * Alias for MatchMediaBreakpointsProps default export
 */
export declare type ReactBreakpointsProps<K extends BreakpointKey = BreakpointKey> = MatchMediaBreakpointsProps<K>;
/**
 * Provides the breakpoints for the Consumer components
 *
 * Detects current breakpoint using media queries
 * - [matchMedia]( https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)
 * - [MediaQueryList](https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList)
 *
 * Uses CSS media queries [level 3](https://www.w3.org/TR/css3-mediaqueries/)
 * - min-width
 * - max-width
 */
export declare function MatchMediaBreakpoints<K extends BreakpointKey = BreakpointKey>(props: MatchMediaBreakpointsProps<K>): JSX.Element;
export declare namespace MatchMediaBreakpoints {
    var propTypes: {
        breakpoints: import("prop-types").Validator<{
            [x: string]: number | null | undefined;
        }>;
        breakpointUnit: import("prop-types").Requireable<string>;
        defaultBreakpoint: import("prop-types").Requireable<string>;
    };
}
export default MatchMediaBreakpoints;
//# sourceMappingURL=MatchMediaBreakpoints.d.ts.map