import { ComponentProps, ElementType, ReactNode } from "react";
import { FlexAlignmentProp, FlexOrientationProp } from "../../layout";
import { InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
import { ResponsiveProp } from "../../styling";
export declare type AbstractGroupProps<T extends ElementType> = InternalProps & Omit<StyledComponentProps<T>, "display" | "alignItems" | "flex" | "flexDirection" | "flexWrap" | "justifyContent"> & {
    /**
     * The alignment of the elements.
     */
    align?: FlexAlignmentProp;
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * Whether the elements take up the width & height of their container.
     */
    fluid?: ResponsiveProp<boolean>;
    /**
     * Whether or not the element generate line breaks before or after himself.
     */
    inline?: boolean;
    /**
     * The orientation of the elements.
     */
    orientation?: FlexOrientationProp;
    /**
     * Whether or not to reverse the order of the elements.
     */
    reverse?: boolean;
    /**
     * Whether elements are forced onto one line or can wrap onto multiple rows.
     */
    wrap?: ResponsiveProp<boolean>;
};
export interface InnerGroupProps extends Omit<AbstractGroupProps<"div">, "as"> {
    /**
     * @ignore
     */
    as: ElementType;
}
export declare function InnerGroup({ align, as, children, forwardedRef, orientation, wrap, ...rest }: InnerGroupProps): JSX.Element;
export declare const Group: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerGroupProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type GroupProps = ComponentProps<typeof Group>;