import { BoxOption, FlexOption, GutterOption, StackOption } from '../layout-components';
import { CSSPropertiesWithMediaQuery, OptionWithMediaQuery } from '../responsive';
export declare const createUtils: <T extends (...args: any[]) => any>(css: T) => {
    box: (option: OptionWithMediaQuery<BoxOption>, mediaQuery?: ((cssPropertiesWithMediaQuery: CSSPropertiesWithMediaQuery) => ReturnType<T>) | undefined) => any;
    flex: (option: OptionWithMediaQuery<FlexOption>, mediaQuery?: ((cssPropertiesWithMediaQuery: CSSPropertiesWithMediaQuery) => ReturnType<T>) | undefined) => ReturnType<T>;
    gutter: ({ spacing }: OptionWithMediaQuery<GutterOption>, mediaQuery?: ((cssPropertiesWithMediaQuery: CSSPropertiesWithMediaQuery) => ReturnType<T>) | undefined) => any;
    stack: ({ direction, justify, align, spacing }: OptionWithMediaQuery<StackOption>, mediaQuery?: ((cssPropertiesWithMediaQuery: CSSPropertiesWithMediaQuery) => ReturnType<T>) | undefined) => any;
};
//# sourceMappingURL=index.d.ts.map