import { RefObject } from 'react';
export type GridBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
export type Breakpoint = GridBreakpoint;
export interface GridContextValue {
    breakpoint: Breakpoint;
    resolveResponsive: <T>(value: ResponsiveValue<T> | undefined, fallback: T) => T;
}
export type GridResponsive<T> = T | Partial<Record<GridBreakpoint, T>>;
export type ResponsiveValue<T> = GridResponsive<T>;
export declare const GridContext: import('react').Context<GridContextValue | null>;
export declare function useBreakpoint(elementRef: RefObject<HTMLElement | null>): Breakpoint;