import type { ThemeBreakpoint } from "../theme.types";
/**
 * 默认的Tailwindcss的断点
 * Breakpoint   Minimum_width     CSS
 * sm           640px             @media (min-width: 640px) { ... }
 * md           768px             @media (min-width: 768px) { ... }
 * lg           1024px            @media (min-width: 1024px) { ... }
 * xl           1280px            @media (min-width: 1280px) { ... }
 * 2xl          1536px            @media (min-width: 1536px) { ... }
 */
/**
 * @example {xs: abc, sm: xyz, "2xl": aaa}
 */
export type BreakpointsValues = Record<ThemeBreakpoint, string>;
export type Breakpoint = keyof BreakpointsValues;
export type ResponsiveProp<TValue> = TValue | Partial<Record<Breakpoint | string, TValue>>;
export declare function getBreakpoints(): {
    sm: number;
    md: number;
    lg: number;
    xl: number;
    "2xl": number;
};
export declare function getBreakpointValue(breakpoint: number | string): number;
export declare function getSortedBreakpoints(breakpoints: string[]): {
    value: string;
    px: number;
}[];
export declare function getResponsiveBaseValue<Value = any>(value: ResponsiveProp<Value>): Value | undefined;