import { ReactFragment } from 'react';
import * as React from 'react';
import { QueryKeys } from '../../utils';
type Query = string | QueryKeys;
export interface MatchMediaProps extends React.HTMLProps<ReactFragment> {
    not?: boolean;
    query: Query;
}
export declare const useMatchMedia: (query: Query, customWindowObj?: Window) => boolean;
export declare const MatchMedia: React.FC<MatchMediaProps>;
export type NamedMatchMediaProps = Omit<MatchMediaProps, 'query'>;
export declare const IsDesktop: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsDesktopXL: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsMobile: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsMobileDown: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsMobileUp: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsTablet: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsTabletDown: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const IsTabletUp: (props: NamedMatchMediaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=MatchMedia.d.ts.map