import { Omit } from "type-zoo"; export interface IBreakPointDescriptor { base?: A; xs?: A; s?: A; m?: A; l?: A; xl?: A; } export declare const breakpoints: Required>; export declare type MqDescriptor = Required string>>; /** * MQ object supports quick media query aware emotion syntax: https://emotion.sh/docs/media-queries * It generates the CSS string to be used within other other emotion css strings. Note * that the size (m, s, l, etc) indicates the min-width that the css will apply. */ export declare const mqStrings: MqDescriptor; /** * MQ object supports quick media query aware emotion syntax: https://emotion.sh/docs/media-queries * It generates the CSS string to be used within other other emotion css strings. Note * that the size (m, s, l, etc) indicates the max-width that the css will apply. */ export declare const mqStringsMax: Omit; /** * A helper function used to build a string (to be used in emotion) that * reflects particular settings for media queries. */ export declare const buildStringForMediaQueries: (desc: string | IBreakPointDescriptor, predicate: (arg: string) => string) => string; /** * MQ object supports quick media query aware emotion syntax: https://emotion.sh/docs/media-queries * It generates actual classnames, as opposed to mqStrings which generates the CSS string. Note * that the size (m, s, l, etc) indicates the min-width that the css will apply. */ export declare const mq: MqDescriptor; /** * MQ object supports quick media query aware emotion syntax: https://emotion.sh/docs/media-queries * It generates actual classnames, as opposed to mqStrings which generates the CSS string. Note * that the size (m, s, l, etc) indicates the max-width that the css will apply. */ export declare const mqMax: MqDescriptor; /** * A hook useful to detect if page is viewed on a mobile size screen (small) */ export declare function useIsMobile(max?: keyof typeof breakpoints): boolean;