import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
import { useBase as l, evaluateWithContext as n } from "@m4l/core";
import { PaperNodeRootStyled as m, PaperNodeContainerTitlesStyled as y, PaperNodeTitleStyled as S, PaperNodeTitleSecondaryStyled as h, PaperNodeContentStyled as N } from "../../slots/PrintingSystemSlots.js";
const C = (d) => {
  const { children: a, title: i, titleSecondary: t } = d, { mainColor: c } = l(), { sourceData: o } = l(), s = n(o, i), p = n(o, t || "");
  return /* @__PURE__ */ r(
    m,
    {
      children: [
        /* @__PURE__ */ r(
          y,
          {
            children: [
              /* @__PURE__ */ e(
                S,
                {
                  children: s
                }
              ),
              t ? /* @__PURE__ */ e(
                h,
                {
                  style: { color: c },
                  children: p
                }
              ) : null
            ]
          }
        ),
        /* @__PURE__ */ e(
          N,
          {
            children: a
          }
        )
      ]
    }
  );
};
export {
  C as PaperNode
};
