import { BreakpointsTokenType } from '../types/design-token.type';
import { ResponsiveType, ResponsiveScope } from '../types/ui.type';
/**
 * Get current breakpoint according current window size
 *
 * @returns {BreakpointsTokenType} - current breakpoint
 */
export declare const getCurrentBreakpoint: () => BreakpointsTokenType;
/**
 * Completion breakponts, eg:
 * {
 *   default: 'size-12',
 *   M: 'size-24'
 * }
 * it will convert to
 * {
 *   default: 'size-12',
 *   S: 'size-12',
 *   M: 'size-24',
 *   L: 'size-24',
 *   XL: 'size-24',
 * }
 *
 * @typedef T generic type
 * @param {ResponsiveType<ResponsiveScope>} breakpoints - responsive token
 * @returns {ResponsiveType<T>} - completed breakpointss
 */
export declare const createCompleteResponsiveMap: <T extends ResponsiveScope>(breakpoints: ResponsiveType<T>) => ResponsiveType<T>;