import React, { HTMLAttributes } from "react";
export interface FlexProps {
    inline?: boolean;
    gap?: 0 | 1 | 2 | 3 | 4 | 5;
    stack?: 'horizontal' | 'vertical';
    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    grow?: boolean;
    shrink?: boolean;
    spaceX?: 'default' | 0 | 1 | 2 | 3 | 4 | 5;
    spaceY?: 'default' | 0 | 1 | 2 | 3 | 4 | 5;
    wrap?: 'wrap' | 'wrap-reverse' | 'nowrap';
    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
    alignContent?: 'start' | 'end' | 'center' | 'between' | 'stretch' | 'around';
    alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
}
declare const Flex: React.FC<FlexProps & HTMLAttributes<HTMLDivElement>>;
export interface FlexItemProps {
    order?: 'first' | 0 | 1 | 2 | 3 | 4 | 5 | 'last';
}
export declare const FlexItem: React.FC<FlexItemProps & HTMLAttributes<HTMLDivElement>>;
export default Flex;