/// <reference types="react" />
import { useRender } from '@base-ui/react';
import { VariantProps } from 'class-variance-authority';
declare const flex: (props?: ({
    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | null | undefined;
    wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
    gap?: 1 | 16 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type BoxProps = VariantProps<typeof flex> & useRender.ComponentProps<'div'>;
export declare function Flex({ direction, align, justify, wrap, gap, className, render, ref, ...props }: BoxProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
export declare namespace Flex {
    var displayName: string;
}
export {};
//# sourceMappingURL=flex.d.ts.map