@wordpress/block-library/build-module/image/use-max-width-observer.js

Block library for the WordPress editor.

/**
 * WordPress dependencies
 */
import { useRef } from '@wordpress/element';
import { useResizeObserver } from '@wordpress/compose';
import { jsx as _jsx } from "react/jsx-runtime";
function useMaxWidthObserver() {
  const [contentResizeListener, {
    width
  }] = useResizeObserver();
  const observerRef = useRef();
  const maxWidthObserver = /*#__PURE__*/_jsx("div", {
    // Some themes set max-width on blocks.
    className: "wp-block",
    "aria-hidden": "true",
    style: {
      position: 'absolute',
      inset: 0,
      width: '100%',
      height: 0,
      margin: 0
    },
    ref: observerRef,
    children: contentResizeListener
  });
  return [maxWidthObserver, width];
}
export { useMaxWidthObserver };
//# sourceMappingURL=use-max-width-observer.js.map