import React from "react";
import { breakpoints } from "../../constants/breakpoints";
declare const MediaBase: React.ComponentType<import("@artsy/fresnel/dist/Media").MediaProps<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl", never>>, SizeProvider: ({ children }: {
    children: React.ReactNode;
}) => React.JSX.Element, MediaContextProvider: React.ComponentType<import("@artsy/fresnel/dist/Media").MediaContextProviderProps<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl"> & {
    children: any;
}>;
export type Breakpoint = keyof typeof breakpoints;
export declare const getBreakpointPixelValue: (bp: Breakpoint) => 0 | 393 | 768 | 1025 | 1280 | 1440 | 1728 | 1920 | 2560;
export type MediaProps = Omit<React.ComponentProps<typeof MediaBase>, "className" | "children"> & {
    children: React.ReactNode;
};
export declare const useIsLessThanSm: () => boolean;
export declare const useIsLessThanMd: () => boolean;
export declare const useIsLessThanLg: () => boolean;
export declare const useIsLessThanXl: () => boolean;
export declare const useIsLessThan2Xl: () => boolean;
export declare const useIsLessThan3Xl: () => boolean;
export declare const useIsLessThan4Xl: () => boolean;
export declare const useIsLessThan5Xl: () => boolean;
export declare const useIsGreaterThanOrEqualToLg: () => boolean;
export declare const useIsLessThanBreakpoint: (breakpoint: Breakpoint) => boolean;
export declare const mediaStyles: string;
declare function Media({ children, ...rest }: MediaProps): React.JSX.Element;
/**
 * Recommendation: Avoid rendering multiple children within a Fragment as the
 * child of a Media component
 *
 * Issues with the incorrect classnames being applied to elements may arise
 */
export { Media, MediaContextProvider, SizeProvider };
//# sourceMappingURL=Media.d.ts.map