import * as react from 'react'; import { ElementType, ReactNode, ComponentProps } from 'react'; import * as react_jsx_runtime from 'react/jsx-runtime'; import { FlexAlignmentProp, FlexOrientationProp } from '../../layout/src/Flex.js'; import { ResponsiveProp } from '../../styling/src/useResponsiveValue.js'; import { InternalProps, StyledComponentProps, OmitInternalProps } from '../../shared/src/types.js'; import '../../styling/src/styled-system/props-handler.js'; import 'csstype'; import '../../shared/src/type-fest.js'; import '../../styling/src/styled-system/StylingContext.js'; import '../../styling/src/BreakpointProvider.js'; type AbstractGroupProps = InternalProps & Omit, "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; /** * 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; }; interface InnerGroupProps extends Omit, "as"> { /** * @ignore */ as: ElementType; } declare function InnerGroup({ align, as, children, forwardedRef, orientation, wrap, ...rest }: InnerGroupProps): react_jsx_runtime.JSX.Element; declare const Group: react.ForwardRefExoticComponent, "ref"> & react.RefAttributes>; type GroupProps = ComponentProps; export { type AbstractGroupProps, Group, type GroupProps, InnerGroup, type InnerGroupProps };