import React from 'react';
import type { CommonComponentProps, Dimensions, MarginModifierProp, ModifierClassProp, Spacing } from '../types';
import type { GetRef } from '../utils/refs';
type AlignContentEnums = 'around' | 'between' | 'center' | 'end' | 'start';
type AlignItemsEnums = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
type DirectionEnums = 'column' | 'column-reverse' | 'row' | 'row-reverse';
type JustifyEnums = 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
interface FlexProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
    alignContent?: AlignContentEnums;
    alignItems?: AlignItemsEnums;
    children?: React.ReactNode;
    direction?: DirectionEnums;
    gap?: Spacing | {
        all?: Spacing;
        horizontal?: Spacing;
        vertical?: Spacing;
    };
    getRef?: GetRef<HTMLDivElement>;
    height?: Dimensions;
    id?: string;
    inline?: boolean;
    justify?: JustifyEnums;
    minHeight?: Dimensions;
    minWidth?: Dimensions;
    spacing?: Spacing;
    width?: Dimensions;
    wrap?: boolean | 'reverse';
}
export declare function Flex({ _modifierClass, alignContent, alignItems, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, direction, gap, getRef, height, id, inline, justify, margin, minHeight, minWidth, spacing, width, wrap, ...rest }: FlexProps): React.JSX.Element;
export {};