import * as react_jsx_runtime from 'react/jsx-runtime';
import React__default, { ElementType } from 'react';
import { VariantProps as VariantPropsInternal } from './variants.js';

declare const flex: (props?: ({
    direction?: "col" | "row" | "row-reverse" | "col-reverse" | undefined;
    justify?: "center" | "start" | "end" | "normal" | "between" | "around" | "evenly" | undefined;
    align?: "center" | "baseline" | "start" | "end" | "stretch" | undefined;
    gap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | undefined;
} & {
    className?: string;
}) | undefined) => string;
type FlexProps<T extends ElementType = 'div'> = VariantPropsInternal<typeof flex> & {
    as?: T;
    ref?: React__default.Ref<any>;
    children?: React__default.ReactNode;
} & Omit<React__default.ComponentPropsWithRef<T>, 'as' | 'ref' | 'className'> & {
    className?: string;
};
declare function Flex<T extends ElementType = 'div'>({ as, ref, children, direction, justify, align, gap, className, ...rest }: FlexProps<T>): react_jsx_runtime.JSX.Element;

export { Flex, type FlexProps };