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