41 lines
1007 B
TypeScript
41 lines
1007 B
TypeScript
export declare const MediaQueryEnum: {
|
|
xs: {
|
|
maxWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
sm: {
|
|
minWidth: number;
|
|
maxWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
md: {
|
|
minWidth: number;
|
|
maxWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
lg: {
|
|
minWidth: number;
|
|
maxWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
xl: {
|
|
minWidth: number;
|
|
maxWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
xxl: {
|
|
minWidth: number;
|
|
matchMedia: string;
|
|
};
|
|
};
|
|
export type MediaQueryKey = keyof typeof MediaQueryEnum;
|
|
/**
|
|
* loop query screen className
|
|
* Array.find will throw a error
|
|
* `Rendered more hooks than during the previous render.`
|
|
* So should use Array.forEach
|
|
*/
|
|
export declare const getScreenClassName: () => "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
|
|
declare const useBreakpoint: () => "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;
|
|
export { useBreakpoint };
|