import { Ref, ReactNode, RefAttributes } from "react";
import type { Property } from "csstype";
import { DOMProps } from "@react-types/shared";
import { ForwardedRefComponent } from "../../types/components";
export declare type FlexElementType = HTMLDivElement;
export interface FlexStyleProps {
    flexDirection?: Property.FlexDirection;
    flexWrap?: Property.FlexWrap;
    alignItems?: Property.AlignItems;
    alignContent?: Property.AlignContent;
    justifyContent?: Property.JustifyContent;
    gap?: Property.Gap;
    rowGap?: Property.RowGap;
    columnGap?: Property.ColumnGap;
}
export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
    children?: ReactNode;
    /** Custom class name for setting specific CSS */
    className?: string;
}
export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
}
export declare type FlexRef = Ref<FlexElementType>;
declare const Flex: ForwardedRefComponent<FlexProps, FlexElementType>;
export { Flex };