import type { FC, HTMLAttributes, Ref } from 'react';
import { type VariantProps } from 'class-variance-authority';
import type { TestableProps } from '../../utils/testId';
declare const flexVariants: (props?: ({
    inline?: boolean | null | undefined;
    direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
    align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    wrap?: "reverse" | "nowrap" | "wrap" | null | undefined;
    gap?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
    grow?: boolean | null | undefined;
    shrink?: boolean | null | undefined;
    fullWidth?: boolean | null | undefined;
    basis?: 0 | "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type FlexNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
type FlexVariantProps = VariantProps<typeof flexVariants>;
export type FlexProps = FlexNativeProps & FlexVariantProps & TestableProps & {
    ref?: Ref<HTMLDivElement>;
    asChild?: boolean;
};
export declare const Flex: FC<FlexProps>;
export {};