import React from 'react';
import { Size } from '../Space';
import { ViewProps } from './types';
declare type WrappedProps = {
    flexWrap?: ViewProps['flexWrap'];
    parentSpacing?: Size;
};
export declare const WrappingView: import("gloss").GlossView<WrappedProps & Omit<import("gloss").CommonHTMLProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "size" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeFont" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "hoverStyle" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity")> & Omit<import("@o/css/_/cssPropertySet").GlossPropertySetFunctional, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "size" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeFont" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "hoverStyle" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity")> & Omit<import("./types").ViewPropsPlain, keyof import("gloss/_/types").GlossBaseProps<Props>> & import("gloss/_/types").GlossBaseProps<import("./types").ViewPropsPlain> & {
    [key: string]: any;
}, import("gloss").GlossProps<WrappedProps & Omit<import("gloss").CommonHTMLProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "size" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeFont" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "hoverStyle" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity")> & Omit<import("@o/css/_/cssPropertySet").GlossPropertySetFunctional, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "size" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeFont" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "hoverStyle" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity")> & Omit<import("./types").ViewPropsPlain, keyof import("gloss/_/types").GlossBaseProps<Props>> & import("gloss/_/types").GlossBaseProps<import("./types").ViewPropsPlain> & {
    [key: string]: any;
}>>;
export declare const wrapWithWrappingView: (element: React.ReactNode, props: WrappedProps) => React.ReactNode;
export {};
//# sourceMappingURL=WrappingView.d.ts.map