import { jsx as e, jsxs as m } from "react/jsx-runtime";
import l from "../../modules/Citation/citation.module.css";
import { cn as s } from "../../utils/cn/cn.es.js";
import { Typography as c } from "../../components/Typography/Typography.es.js";
import { Superscript as u } from "../../components/Superscript/Superscript.es.js";
function x({ orderPadding: t, items: r, className: p }) {
  const o = isNaN(Number(t)) ? 0 : t;
  return !r || r.length === 0 ? null : /* @__PURE__ */ e("section", { className: s(l.root, p), children: r == null ? void 0 : r.map((i, a) => {
    const n = o ? o + a : a + 1;
    return /* @__PURE__ */ m(
      c,
      {
        as: "p",
        className: l.text,
        defaultVariant: "bodySm",
        mobileVariant: "bodyXs",
        children: [
          /* @__PURE__ */ e(u, { value: n.toString() }),
          " ",
          i.item
        ]
      },
      n
    );
  }) });
}
export {
  x as Citation
};
