import React from 'react';
import { AlignItemsProps, JustifyContentProps, FlexProps as CSSFlexProps, FlexWrapProps, FlexDirectionProps, AlignSelfProps } from 'styled-system';
import { BoxProps } from '../Box';
export declare type FlexProps = BoxProps & AlignItemsProps & AlignSelfProps & JustifyContentProps & CSSFlexProps & FlexDirectionProps & FlexWrapProps;
export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").MinWidthProps<string | number> & import("styled-system").MaxWidthProps<string | number> & import("styled-system").WidthProps<string | number> & import("styled-system").HeightProps<string | number> & import("styled-system").LineHeightProps<string | number> & import("styled-system").SpaceProps<string | number> & import("styled-system").ColorProps & import("styled-system").BorderProps<string | number> & import("styled-system").BorderTopProps<string | number> & import("styled-system").BorderRightProps<string | number> & import("styled-system").BorderBottomProps<string | number> & import("styled-system").BorderLeftProps<string | number> & import("styled-system").BorderColorProps & import("styled-system").BorderWidthProps<string | number> & import("styled-system").BorderRadiusProps<string | number> & import("styled-system").TextAlignProps & import("styled-system").BoxShadowProps & import("../../styles/themeTypes").ScaleProps & Pick<Pick<(Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
    forwardedAs?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
}) | (Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    children?: React.ReactNode;
} & {
    as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
    forwardedAs?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
}), never> & Partial<Pick<(Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
    forwardedAs?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
}) | (Pick<Pick<any, string | number | symbol> & Partial<Pick<any, never>>, string | number | symbol> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & {
    children?: React.ReactNode;
} & {
    as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
    forwardedAs?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
}), any>>, any> & {
    theme?: import("styled-components").DefaultTheme | undefined;
} & AlignItemsProps & AlignSelfProps & JustifyContentProps & CSSFlexProps<string | number> & FlexDirectionProps & FlexWrapProps, never>;
export declare const FlexDocz: (props: FlexProps) => JSX.Element;
//# sourceMappingURL=Flex.d.ts.map