import * as typestyle from 'typestyle';
import { CSSLength, BaseProps, CSSBox, Scroll, Sizing } from "../common";
import React from 'react';
/**
 * For `number` we assume pixels e.g. 5 => '5px'
 * For `string` *you* should provide the unit e.g. '5px'
 */
export declare function cssLengthToString(value: CSSLength): string;
/**
 * Utility to unwrap the three ways a padding might be provided
 */
export declare function _processPadding(box: CSSBox): typestyle.types.NestedCSSProperties;
export declare function _processScroll(scroll: Scroll): typestyle.types.NestedCSSProperties;
/**
 * Creates the React tag
 * - Does any processing of `BaseProps` if required
 * - Then creates the appropriate tag
 */
export declare function createBaseTag<T extends BaseProps>(props: T, 
/** Any additional customizations done by the component */
klass: string, 
/** Comment to help with debugging */
comment: string, 
/** Ref to allow you to use dom element if you want */
ref: React.LegacyRef<HTMLDivElement>): React.DOMElement<{
    ref: React.LegacyRef<HTMLDivElement>;
    className: string;
    'data-comment': string;
} & Pick<T, Exclude<keyof T, "scroll" | "padding" | "className" | "height" | "width" | "minHeight" | "maxHeight" | "minWidth" | "maxWidth" | "styles" | "tag">>, Element>;
/**
 * Generates the appropriate styles to handle the sizing interaction
 */
export declare function _processSizing(fx?: Sizing): typestyle.types.CSSProperties;
export declare function _processCrossAxisAlign(align: 'start' | 'center' | 'end' | 'stretch'): typestyle.types.CSSProperties;
/**
 * Uses the defaults safely
 */
export declare function useGLSDefaults(): {
    verticalSpacing: string | number;
    horizontalSpacing: string | number;
    breakpoint: number;
};
//# sourceMappingURL=utils.d.ts.map