import { jsx } from "react/jsx-runtime";
import { useState, useEffect } from "react";
import { R as ResponsiveContainer } from "../../ResponsiveContainer-by1DMaUt.js";
function SSRSafeResponsiveContainer({
  width = "100%",
  height = 400,
  children
}) {
  const [isClient, setIsClient] = useState(false);
  useEffect(() => {
    setIsClient(true);
  }, []);
  return /* @__PURE__ */ jsx(
    "div",
    {
      style: {
        width: typeof width === "number" ? `${width}px` : width,
        height: typeof height === "number" ? `${height}px` : height
      },
      children: isClient ? /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children }) : children
    }
  );
}
export {
  SSRSafeResponsiveContainer
};
