import { Breakpoint } from '@shopify/post-purchase-ui-extensions';
export interface Media {
    breakpoint: Breakpoint;
    query: string;
}
export declare type BreakpointsWidths = {
    [key in Breakpoint]: number;
};
export declare const BREAKPOINTS: BreakpointsWidths;
export declare function createMediaQueries({ addMaxWidth }?: {
    addMaxWidth: boolean;
}): Media[];
export declare function useBreakpoint(): "base" | "small" | "medium" | "large" | undefined;