import { ReactNode } from 'react';
import { BreakpointKey } from './breakpoints';
/**
 * Children and conditions
 *
 * Needs provider for `BreakpointsProps`
 */
export interface MatchBreakpointProps<K extends BreakpointKey = BreakpointKey> {
    /**
     * Children are rendered if the conditions are met
     */
    children: ReactNode;
    /**
     * Current breakpoint >= min
     * @example "desktop"
     */
    min?: K;
    /**
     * Current Breakpoint <= max
     * @example "mobile"
     */
    max?: K;
    /**
     * Current breakpoint is not
     * @example "desktop"
     * @example ["desktop", "tablet"]
     */
    not?: K | K[];
    /**
     * Current breakpoint is
     * @example "desktop"
     * @example ["desktop", "tablet"]
     */
    is?: K | K[];
}
/**
 * Renders children if conditions are met
 */
export declare function MatchBreakpoint<K extends BreakpointKey = BreakpointKey>(props: MatchBreakpointProps<K>): JSX.Element;
//# sourceMappingURL=MatchBreakpoint.d.ts.map