import { jsx as _jsx } from "react/jsx-runtime";
import { ZoomProvider } from "../ZoomContext/ZoomContext.js";
import { Overlay } from "./Overlay.js";
/**
 * @internal
 * ZoomAwareOverlay wraps the standard Overlay component with a ZoomProvider
 * to ensure all children components have access to zoom information and can
 * adjust their rendering accordingly.
 */
export function ZoomAwareOverlay(props) {
    return (_jsx(ZoomProvider, { children: _jsx(Overlay, { ...props }) }));
}
