import React from 'react';
import { BoxProps } from '../Box';
export declare type FlexProps = Omit<BoxProps, 'display'> & {
    /** An alias for `flexDirection` */
    direction?: BoxProps['flexDirection'];
    /** An alias for `justifyContent` */
    justify?: BoxProps['justifyContent'];
    /** An alias for `alignItems` */
    align?: BoxProps['alignItems'];
    /** An alias for `flexWrap` */
    wrap?: BoxProps['flexWrap'];
    /** An alias  for `flexBasis` style prop */
    basis?: BoxProps['flexBasis'];
    /** An alias  for `flexGrow` style prop */
    grow?: BoxProps['flexGrow'];
    /** An alias  for `flexShrink` style prop */
    shrink?: BoxProps['flexShrink'];
    /** Whether the flex should be `flex-inline` */
    inline?: boolean;
    /** The gap between the flex items */
    spacing?: BoxProps['margin'];
};
/**
 * Extends <a href="/#/Box">Box</a>
 *
 * Responsive flexbox layout component. You should use this anytime you want a flex container or
 * wrapper around a certain layout
 */
export declare const Flex: React.ForwardRefExoticComponent<Pick<FlexProps, string | number | symbol> & React.RefAttributes<HTMLElement>>;
export default Flex;