import { j as e } from "../../../../../_virtual/jsx-runtime.js";
import o from "./BrickWrapper.js";
import { useSectionStyle as m } from "../hooks/use-section-style.js";
function d({ section: r }) {
  const i = m({ section: r });
  return /* @__PURE__ */ e.jsx("section", { id: r.id, "data-element-kind": "section", className: i, children: r.bricks.map((t) => /* @__PURE__ */ e.jsx(o, { brick: t }, t.id)) }, r.id);
}
export {
  d as default
};
//# sourceMappingURL=Section.js.map
