import { default as React } from 'react';
type JustifyContentType = "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
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;
    $wrap?: "wrap" | "nowrap" | "wrap-reverse";
    $gap?: GapType;
    $xsGap?: GapType;
    $smGap?: GapType;
    $mdGap?: GapType;
    $lgGap?: GapType;
    $xlGap?: GapType;
    $xxlGap?: GapType;
    $xxxlGap?: GapType;
    $direction?: "row" | "column" | "row-reverse" | "column-reverse";
    $fullWidth?: boolean;
}
declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
export { Flex };