import { Component } from 'react';
export declare type FlexGroupAlignItems = keyof typeof alignItemsToClassNameMap;
export declare type FlexGroupComponentType = 'div' | 'span';
export declare type FlexGroupDirection = keyof typeof directionToClassNameMap;
export declare type FlexGroupGutterSize = keyof typeof gutterSizeToClassNameMap;
export declare type FlexGroupJustifyContent = keyof typeof justifyContentToClassNameMap;
export interface SoftFlexGroupProps {
    alignItems?: FlexGroupAlignItems;
    component?: FlexGroupComponentType;
    direction?: FlexGroupDirection;
    gutterSize?: FlexGroupGutterSize;
    justifyContent?: FlexGroupJustifyContent;
    responsive?: boolean;
    wrap?: boolean;
}
declare const gutterSizeToClassNameMap: {
    none: any;
    xs: string;
    s: string;
    m: string;
    l: string;
    xl: string;
};
export declare const GUTTER_SIZES: ("none" | "xs" | "s" | "m" | "l" | "xl")[];
declare const alignItemsToClassNameMap: {
    stretch: any;
    flexStart: string;
    flexEnd: string;
    center: string;
    baseline: string;
};
export declare const ALIGN_ITEMS: ("stretch" | "flexStart" | "flexEnd" | "center" | "baseline")[];
declare const justifyContentToClassNameMap: {
    flexStart: any;
    flexEnd: string;
    center: string;
    spaceBetween: string;
    spaceAround: string;
    spaceEvenly: string;
};
export declare const JUSTIFY_CONTENTS: ("flexStart" | "flexEnd" | "center" | "spaceBetween" | "spaceAround" | "spaceEvenly")[];
declare const directionToClassNameMap: {
    row: string;
    rowReverse: string;
    column: string;
    columnReverse: string;
};
export declare const DIRECTIONS: ("row" | "rowReverse" | "column" | "columnReverse")[];
export declare class SoftFlexGroup extends Component<{
    children: any;
    className?: any;
    gutterSize?: string;
    alignItems?: string;
    responsive?: boolean;
    justifyContent?: string;
    direction?: string;
    wrap?: boolean;
    component?: string;
    style?: object;
    [p: string]: any;
}> {
    static defaultProps: {
        gutterSize: string;
        alignItems: string;
        responsive: boolean;
        justifyContent: string;
        direction: string;
        wrap: boolean;
        component: string;
    };
    render(): JSX.Element;
}
export {};
