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