import { PropsWithChildren } from 'react';
export declare enum FlexDirection {
    ROW = "row",
    ROW_REVERSE = "row-reverse",
    COLUMN = "column",
    COLUMN_REVERSE = "column-reverse"
}
export declare enum FlexAlignItems {
    NORMAL = "normal",
    FLEX_START = "flex-start",
    FLEX_END = "flex-end",
    CENTER = "center",
    BASELINE = "baseline",
    INHERIT = "inherit",
    STRETCH = "stretch"
}
export declare enum FlexJustifyContent {
    NORMAL = "normal",
    FLEX_START = "flex-start",
    FLEX_END = "flex-end",
    CENTER = "center",
    SPACE_BETWEEN = "space-between",
    SPACE_AROUND = "space-around",
    INHERIT = "inherit"
}
export declare enum FlexWrap {
    NO_WRAP = "nowrap",
    WRAP = "wrap",
    WRAP_REVERSE = "wrap-reverse",
    INHERIT = "inherit"
}
export type FlexBoxWrapperStyleProps = {
    distance?: string;
    flexWrap?: FlexWrap;
    width?: string;
    height?: string;
    minWidth?: string;
    maxWidth?: string;
};
export type FlexBoxStyleProps = FlexBoxWrapperStyleProps & {
    flexDirection?: FlexDirection;
    alignItems: FlexAlignItems;
    justifyContent: FlexJustifyContent;
    overflow?: string;
    marginTop?: string;
    marginRight?: string;
    marginBottom?: string;
    marginLeft?: string;
    textAlign?: string;
    rtl?: boolean;
};
export type FlexBoxProps = {
    direction?: FlexDirection;
    wrap?: FlexWrap;
    alignItems?: FlexAlignItems;
    justifyContent?: FlexJustifyContent;
    distance?: string;
    marginTop?: string;
    marginRight?: string;
    marginBottom?: string;
    marginLeft?: string;
    overflow?: string;
    width?: string;
    height?: string;
    dataTestid?: string;
    minWidth?: string;
    maxWidth?: string;
    className?: string;
    textAlign?: string;
    rtl?: boolean;
};
/**
 * Flex Box renders a container for a flexible box layout.
 *
 * The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.
 */
export declare const BCFlexBox: ({ direction, wrap, alignItems, justifyContent, distance, marginTop, marginRight, marginBottom, marginLeft, overflow, children, width, height, dataTestid, minWidth, maxWidth, className, textAlign, rtl, }: PropsWithChildren<FlexBoxProps>) => import("@emotion/react/jsx-runtime").JSX.Element;