import { HTMLAttributes, JSX } from 'react';
type Direction = "row" | "row-reverse" | "col" | "col-reverse" | "column";
type Justify = "start" | "end" | "center" | "between" | "around" | "evenly" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type Items = "start" | "end" | "center" | "baseline" | "stretch" | "flex-start" | "flex-end";
type Content = "start" | "end" | "center" | "between" | "around" | "evenly" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type Wrap = "wrap" | "nowrap" | "wrap-reverse";
export type FlexProps = HTMLAttributes<HTMLElement> & {
    as?: keyof JSX.IntrinsicElements;
    direction?: Direction;
    justify?: Justify;
    items?: Items;
    /** @deprecated Use `items` instead. */
    align?: Items;
    content?: Content;
    wrap?: Wrap;
    gap?: string | number;
    inline?: boolean;
    className?: string;
};
export declare const Flex: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
    as?: keyof JSX.IntrinsicElements;
    direction?: Direction;
    justify?: Justify;
    items?: Items;
    /** @deprecated Use `items` instead. */
    align?: Items;
    content?: Content;
    wrap?: Wrap;
    gap?: string | number;
    inline?: boolean;
    className?: string;
} & import('react').RefAttributes<HTMLElement>>;
export {};