import { default as React } from 'react';
import { StyleProps, PolymorphicProps } from '../../style-engine';
declare const flexStyles: import('../../style-engine').StylesDef<{
    direction: {
        row: string;
        col: string;
        'row-reverse': string;
        'col-reverse': string;
    };
    justify: {
        start: string;
        end: string;
        center: string;
        between: string;
        around: string;
        evenly: string;
    };
    align: {
        start: string;
        end: string;
        center: string;
        baseline: string;
        stretch: string;
    };
    wrap: {
        nowrap: string;
        wrap: string;
        'wrap-reverse': string;
    };
    gap: {
        none: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
}>;
type FlexVariantProps = StyleProps<typeof flexStyles>;
export type FlexProps<E extends React.ElementType = 'div'> = PolymorphicProps<E, Partial<FlexVariantProps>>;
export declare function Flex<E extends React.ElementType = 'div'>({ as, children, direction, justify, align, wrap, gap, className, ...props }: FlexProps<E>): React.JSX.Element;
export {};