import { ReactNode } from "react";
import { FlexSpacing } from "./types";
declare const alignItemsToClassNameMap: {
    readonly baseline: "vuiFlexContainer--alignItemsBaseline";
    readonly center: "vuiFlexContainer--alignItemsCenter";
    readonly end: "vuiFlexContainer--alignItemsEnd";
    readonly start: "vuiFlexContainer--alignItemsStart";
    readonly stretch: "vuiFlexContainer--alignItemsStretch";
};
declare const directionToClassNameMap: {
    readonly column: "vuiFlexContainer--directionColumn";
    readonly columnReverse: "vuiFlexContainer--directionColumnReverse";
    readonly row: "vuiFlexContainer--directionRow";
    readonly rowReverse: "vuiFlexContainer--directionRowReverse";
};
declare const justifyContentToClassNameMap: {
    readonly center: "vuiFlexContainer--justifyContentCenter";
    readonly end: "vuiFlexContainer--justifyContentEnd";
    readonly start: "vuiFlexContainer--justifyContentStart";
    readonly spaceAround: "vuiFlexContainer--justifyContentSpaceAround";
    readonly spaceBetween: "vuiFlexContainer--justifyContentSpaceBetween";
    readonly spaceEvenly: "vuiFlexContainer--justifyContentSpaceEvenly";
};
export type Props = {
    children?: ReactNode;
    alignItems?: keyof typeof alignItemsToClassNameMap;
    direction?: keyof typeof directionToClassNameMap;
    justifyContent?: keyof typeof justifyContentToClassNameMap;
    spacing?: FlexSpacing;
    wrap?: boolean;
    className?: string;
    fullWidth?: boolean;
};
export declare const VuiFlexContainer: ({ children, alignItems, direction, justifyContent, spacing, wrap, className, fullWidth, ...rest }: Props) => JSX.Element;
export {};