import { jsx as c } from "@emotion/react/jsx-runtime";
import { useBase as w } from "@m4l/core";
import { getSize as i } from "../../utils/getSize/index.js";
import { SectionNodeRootStyled as S } from "../../slots/PrintingSystemSlots.js";
const j = (s) => {
  const {
    children: r,
    direction: e = "row",
    gap: a = "unset",
    style: p,
    width: n = "auto",
    height: o = "auto",
    paddingTop: u = "unset",
    paddingRight: m = "unset",
    paddingBottom: h = "unset",
    paddingLeft: f = "unset",
    alignX: d = "unset",
    alignY: g = "unset",
    grow: l = !1
  } = s, { unitSize: t } = w();
  return /* @__PURE__ */ c(
    S,
    {
      style: {
        flexDirection: e,
        gap: i(a, t),
        width: i(n, t),
        height: i(o, t),
        minWidth: i(n, t),
        minHeight: i(o, t),
        paddingTop: i(u, t),
        paddingRight: i(m, t),
        paddingBottom: i(h, t),
        paddingLeft: i(f, t),
        justifyContent: e === "row" ? d : g,
        alignItems: e === "row" ? g : d,
        flex: l ? 1 : "unset",
        ...p
      },
      children: r
    }
  );
};
export {
  j as SectionNode
};
