function MasonryScroller(props) {
    // We put this in its own layer because it's the thing that will trigger the most updates
    // and we don't want to slower ourselves by cycling through all the functions, objects, and effects
    // of other hooks
    var _useScroller = useScroller(props.offset, props.scrollFps),
      scrollTop = _useScroller.scrollTop,
      isScrolling = _useScroller.isScrolling // This is an update-heavy phase and while we could just Object.assign here,
    // it is way faster to inline and there's a relatively low hit to he bundle
    // size.

    return useMasonry({
      scrollTop: scrollTop,
      isScrolling: isScrolling,
      positioner: props.positioner,
      resizeObserver: props.resizeObserver,
      items: props.items,
      onRender: props.onRender,
      as: props.as,
      id: props.id,
      className: props.className,
      style: props.style,
      role: props.role,
      tabIndex: props.tabIndex,
      containerRef: props.containerRef,
      itemAs: props.itemAs,
      itemStyle: props.itemStyle,
      itemHeightEstimate: props.itemHeightEstimate,
      itemKey: props.itemKey,
      overscanBy: props.overscanBy,
      height: props.height,
      render: props.render,
    })
  }
/**
   * A heavily-optimized component that updates `useMasonry()` when the scroll position of the browser `window`
   * changes. This bare-metal component is used by `<Masonry>` under the hood.
   */
A heavily-optimized component that updates `useMasonry()` when the scroll position of the browser `window`
changes. This bare-metal component is used by `` under the hood.
A heavily - optimized component that updates ` useMasonry () ` when the scroll position of the browser ` window ` changes . This bare - metal component is used by ` ` under the hood .
function MasonryScroller(props) {
    var _useScroller = useScroller(props.offset, props.scrollFps),
      scrollTop = _useScroller.scrollTop,
      isScrolling = _useScroller.isScrolling 
    return useMasonry({
      scrollTop: scrollTop,
      isScrolling: isScrolling,
      positioner: props.positioner,
      resizeObserver: props.resizeObserver,
      items: props.items,
      onRender: props.onRender,
      as: props.as,
      id: props.id,
      className: props.className,
      style: props.style,
      role: props.role,
      tabIndex: props.tabIndex,
      containerRef: props.containerRef,
      itemAs: props.itemAs,
      itemStyle: props.itemStyle,
      itemHeightEstimate: props.itemHeightEstimate,
      itemKey: props.itemKey,
      overscanBy: props.overscanBy,
      height: props.height,
      render: props.render,
    })
  }
function MasonryScroller ( props ) { var _useScroller = useScroller ( props . offset , props . scrollFps ) , scrollTop = _useScroller . scrollTop , isScrolling = _useScroller . isScrolling return useMasonry ( { scrollTop : scrollTop , isScrolling : isScrolling , positioner : props . positioner , resizeObserver : props . resizeObserver , items : props . items , onRender : props . onRender , as : props . as , id : props . id , className : props . className , style : props . style , role : props . role , tabIndex : props . tabIndex , containerRef : props . containerRef , itemAs : props . itemAs , itemStyle : props . itemStyle , itemHeightEstimate : props . itemHeightEstimate , itemKey : props . itemKey , overscanBy : props . overscanBy , height : props . height , render : props . render , } ) }
A heavily-optimized component that updates `useMasonry()` when the scroll position of the browser `window`
 changes.
A heavily - optimized component that updates ` useMasonry () ` when the scroll position of the browser ` window ` changes .
// We put this in its own layer because it's the thing that will trigger the most updates // and we don't want to slower ourselves by cycling through all the functions, objects, and effects // of other hooks // This is an update-heavy phase and while we could just Object.assign here, // it is way faster to inline and there's a relatively low hit to he bundle // size.