import { CSSProperties } from "react";
import { Dimensions } from "./dimensions";
export declare enum Align {
    Center = "center",
    Stretch = "stretch",
    FlexStart = "flex-start",
    FlexEnd = "flex-end"
}
export declare enum JustifyContent {
    SpaceAround = "space-around",
    SpaceEvenly = "space-evenly",
    SpaceBetween = "space-between",
    NoSpace = "space-none"
}
export declare enum FlexDirection {
    Row = "row",
    Column = "column"
}
export declare enum FlexWrap {
    Wrap = "wrap",
    NoWrap = "nowrap",
    WrapReverse = "wrap-reverse"
}
interface FlexProps {
    dimensionsSupplier?: () => Dimensions;
    flexDirection?: FlexDirection;
    justifyContent?: JustifyContent;
    alignContent?: JustifyContent;
    alignItems?: Align;
    flexWrap?: FlexWrap;
    columnGap?: number;
    rowGap?: number;
    styles?: CSSProperties;
    children: JSX.Element | Array<JSX.Element>;
}
export declare function FlexContainer(props: FlexProps): JSX.Element;
interface UseFlexItemValues extends Dimensions {
    flexDirection: FlexDirection;
}
interface FlexItemProps {
    flexBasis?: number;
    flexGrow?: number;
    flexShrink?: number;
    justifyContent?: JustifyContent;
    justifySelf?: JustifyContent;
    alignSelf?: Align;
    order?: number;
    children: JSX.Element | Array<JSX.Element>;
}
export declare function FlexItem(props: FlexItemProps): JSX.Element;
export declare function useFlexItem(): UseFlexItemValues;
export {};
//# sourceMappingURL=Flex.d.ts.map