import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { RenderLayer } from './internal/utils/render-utils.mjs';
import { DevProfiler } from './internal/components/dev-profiler.mjs';

const LayerRenderer = React__default.memo(function LayerRenderer2({
  className,
  page,
  editorConfig,
  componentRegistry,
  variables,
  variableValues
}) {
  return /* @__PURE__ */ jsx(DevProfiler, { id: "LayerRenderer", threshold: 30, children: /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
    RenderLayer,
    {
      layer: page,
      editorConfig,
      componentRegistry,
      variables,
      variableValues
    }
  ) }) });
});

export { LayerRenderer as default };
