import { Breakpoints } from './theme';
/**
 * Subscribes to a media query. Returns `false` on the server and during the
 * first client render so hydration matches, then re-renders with the real
 * match. Pass a full media query string, e.g. "(max-width: 991px)".
 */
export declare function useMediaQuery(query: string): boolean;
/**
 * True while the viewport is narrower than the named breakpoint, i.e. the
 * inverse of the `mq()` helper's min-width query. Handy for behavior (not
 * styling) that has to change below a breakpoint, such as a side panel turning
 * into a full-screen modal.
 */
export declare function useBelowBreakpoint(size: keyof Breakpoints): boolean;