export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
export declare const breakpoints: Breakpoint[];
/**
 * Minimum viewport width (as a CSS length string) at which each TEDI breakpoint
 * activates. `xs` starts at 0 — i.e. anything below `sm`. Used by `useBreakpoint`
 * for `matchMedia` checks and by other components (e.g. `TopNav`) that
 * need to translate a breakpoint name into a pixel/rem width.
 */
export declare const BREAKPOINT_WIDTHS: Record<Breakpoint, string>;
/**
 * @param defaultServerBreakpoint - Default breakpoint for SSR, the hook returns this breakpoint in the SSR.
 * @returns User's current breakpoint
 */
export declare const useBreakpoint: (defaultServerBreakpoint?: Breakpoint) => Breakpoint;
export declare const isBreakpointBelow: (current: Breakpoint | null, target: Breakpoint) => boolean;
export default useBreakpoint;