import { ColumnGapProp, GapProp, ResponsiveProp, RowGapProp } from "../../styling"; import { ComponentProps, ReactNode } from "react"; import { FlexAlignmentProp } from "./Flex"; import { InternalProps, OmitInternalProps, SlotProps, StyledComponentProps } from "../../shared"; declare const DefaultElement = "div"; export interface InnerStackProps extends SlotProps, InternalProps, Omit, "alignContent" | "alignItems" | "columnGap" | "display" | "flex" | "flexDirection" | "flexWrap" | "gap" | "justifyContent" | "row-gap" | "wrap"> { /** * The horizontal alignment of the elements. */ alignX?: FlexAlignmentProp; /** * The vertical alignment of the elements. */ alignY?: FlexAlignmentProp; /** * React children */ children: ReactNode; /** * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap). */ columnGap?: ColumnGapProp; /** * Whether the elements take up all the space of their container. */ fluid?: ResponsiveProp; /** * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap). */ gap?: GapProp; /** * Whether or not the element generate line breaks before or after himself. */ inline?: boolean; /** * Whether or not to reverse the order of the elements. */ reverse?: boolean; /** * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap). */ rowGap?: RowGapProp; /** * Whether or not to wrap the elements on multiple lines. */ wrap?: ResponsiveProp; } export declare function InnerStack({ alignX, alignY, as, children, forwardedRef, gap, wrap, ...rest }: InnerStackProps): JSX.Element; export declare namespace InnerStack { var defaultElement: string; } /** * A layout container using flexbox. * * [Documentation](https://orbit.sharegate.design/?path=/docs/flex--horizontal) */ export declare const Stack: import("react").ForwardRefExoticComponent, "ref"> & import("react").RefAttributes>; export declare type StackProps = ComponentProps; export {};