/// <reference types="react" />
/**
 * Wrap is a layout component that adds a defined space between its children. It wraps its children automatically if there isn't enough space to fit any more in the same row.

Think of it as a smarter flex-wrap with spacing support. It works really well with things like dialog buttons, tags, and chips.
 * Wrap: Wrap composes the Box component and renders a <ul> tag
 * WrapItem: WrapItem composes the Box component and renders the HTML <li> tag
 * Pass the spacing prop to apply consistent spacing between each child, even if it wraps.
 * Pass the align prop to change the alignment of the child along the cross axis.
 * Pass the justify prop to change the alignment of the child along the main axis.
 * https://chakra-ui.com/docs/layout/wrap
 */
export declare function Wrap({ ...props }: any): JSX.Element;
/**
 *
 * WrapItem: WrapItem composes the Box component and renders the HTML <li> tag
 * https://chakra-ui.com/docs/layout/wrap
 */
export declare function WrapItem({ ...props }: any): JSX.Element;
//# sourceMappingURL=Wrap.d.ts.map