"use client";
import * as React from "react";
import * as ReactDOM from "react-dom";
import { jsxs } from "react/jsx-runtime";
import { useFloatingPortalNode } from "../floating-ui-react/components/FloatingPortal.js";
const FloatingPortalLite = /* @__PURE__ */ React.forwardRef(function FloatingPortalLite2(componentProps, forwardedRef) {
  const {
    children,
    container,
    className,
    render,
    ...elementProps
  } = componentProps;
  const {
    portalNode,
    portalSubtree
  } = useFloatingPortalNode({
    container,
    ref: forwardedRef,
    componentProps,
    elementProps
  });
  if (!portalSubtree && !portalNode) {
    return null;
  }
  return /* @__PURE__ */ jsxs(React.Fragment, {
    children: [portalSubtree, portalNode && /* @__PURE__ */ ReactDOM.createPortal(children, portalNode)]
  });
});
if (process.env.NODE_ENV !== "production") FloatingPortalLite.displayName = "FloatingPortalLite";
export {
  FloatingPortalLite
};
//# sourceMappingURL=FloatingPortalLite.js.map
