import { default as React } from 'react';
type JustifyContentType = "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type AlignItemsType = "stretch" | "center" | "flex-start" | "flex-end" | "baseline";
type AlignContentType = "stretch" | "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type DirectionType = "row" | "column" | "row-reverse" | "column-reverse";
type GapType = number | "none";
interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
    children?: React.ReactNode;
    $justifyContent?: JustifyContentType;
    $xsJustifyContent?: JustifyContentType;
    $smJustifyContent?: JustifyContentType;
    $mdJustifyContent?: JustifyContentType;
    $lgJustifyContent?: JustifyContentType;
    $xlJustifyContent?: JustifyContentType;
    $xxlJustifyContent?: JustifyContentType;
    $xxxlJustifyContent?: JustifyContentType;
    $alignItems?: AlignItemsType;
    $xsAlignItems?: AlignItemsType;
    $smAlignItems?: AlignItemsType;
    $mdAlignItems?: AlignItemsType;
    $lgAlignItems?: AlignItemsType;
    $xlAlignItems?: AlignItemsType;
    $xxlAlignItems?: AlignItemsType;
    $xxxlAlignItems?: AlignItemsType;
    $alignContent?: AlignContentType;
    $xsAlignContent?: AlignContentType;
    $smAlignContent?: AlignContentType;
    $mdAlignContent?: AlignContentType;
    $lgAlignContent?: AlignContentType;
    $xlAlignContent?: AlignContentType;
    $xxlAlignContent?: AlignContentType;
    $xxxlAlignContent?: AlignContentType;
    $wrap?: "wrap" | "nowrap" | "wrap-reverse";
    $gap?: GapType;
    $xsGap?: GapType;
    $smGap?: GapType;
    $mdGap?: GapType;
    $lgGap?: GapType;
    $xlGap?: GapType;
    $xxlGap?: GapType;
    $xxxlGap?: GapType;
    $direction?: DirectionType;
    $xsDirection?: DirectionType;
    $smDirection?: DirectionType;
    $mdDirection?: DirectionType;
    $lgDirection?: DirectionType;
    $xlDirection?: DirectionType;
    $xxlDirection?: DirectionType;
    $xxxlDirection?: DirectionType;
    $fullWidth?: boolean;
}
declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
export { Flex };