import React from 'react';
export type Breakpoint = 'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
declare const BREAKPOINTS: {
    readonly base: 0;
    readonly xs: 480;
    readonly sm: 576;
    readonly md: 768;
    readonly lg: 992;
    readonly xl: 1200;
};
export type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
export type ResponsiveSize = ResponsiveValue<number>;
export type ResponsiveString = ResponsiveValue<string>;
export type ResponsiveBoolean = ResponsiveValue<boolean>;
/**
 * Provider that maintains a single resize / Dimensions listener and shares
 * the current breakpoint with all descendants via context.
 * Mount once near the root of the app (PlatformBlocksProvider does this automatically).
 */
declare function BreakpointProvider({ children }: {
    children: React.ReactNode;
}): React.FunctionComponentElement<React.ProviderProps<Breakpoint | null>>;
declare const useBreakpoint: () => Breakpoint;
declare const useIsMobile: () => boolean;
declare const resolveResponsiveValue: <T>(value: ResponsiveValue<T>, currentBreakpoint: Breakpoint) => T;
declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
declare const createResponsiveStyle: <T extends Record<string, any>>(styleValue: ResponsiveValue<T>, breakpoint: Breakpoint) => T;
declare const isResponsiveValue: <T>(value: ResponsiveValue<T>) => value is Partial<Record<Breakpoint, T>>;
declare const createResponsiveCSS: <T>(property: string, value: ResponsiveValue<T>, unit?: string) => Record<string, any>;
declare const getResponsiveSpacing: (value: ResponsiveValue<number | string>, breakpoint: Breakpoint, multiplier?: number) => number;
export { BREAKPOINTS, BreakpointProvider, useBreakpoint, useIsMobile, resolveResponsiveValue, useResponsiveValue, createResponsiveStyle, isResponsiveValue, createResponsiveCSS, getResponsiveSpacing, };