import { jsx as e, jsxs as r } from "react/jsx-runtime";
import N from "../../utils/classNames.js";
import { mergeClassNameOverrides as u } from "../../utils/mergeClassNameOverrides.js";
import { LoadMoreProgress as f } from "./LoadMoreProgress.js";
const x = (i) => {
  const {
    loaded: o = 0,
    total: a = 100,
    onLoadMore: d = () => {
    },
    loadMoreMessage: s = "",
    noMoreMessage: l = "",
    isInteractive: n = !0,
    progressBarStyle: m,
    className: p = "",
    hideOnPrint: c = !0,
    ...g
  } = i, h = u(
    N(
      "LoadMoreButton",
      "align-items-center",
      "display-flex",
      "justify-content-center",
      "margin-top-25",
      "margin-bottom-25",
      c && "non-printable"
    ),
    p
  ), t = o > 0 && a > 0 && o < a;
  return /* @__PURE__ */ e("div", { ...g, className: h, children: /* @__PURE__ */ r("div", { className: "min-width-150", children: [
    /* @__PURE__ */ e(f, { loaded: o, total: a, progressBarStyle: m }),
    /* @__PURE__ */ r("div", { className: "display-flex justify-content-center", children: [
      t && n && /* @__PURE__ */ r(
        "button",
        {
          className: "btn btn-link padding-right-20 margin-top--5",
          type: "button",
          onClick: d,
          children: [
            /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-arrow-down" }),
            s
          ]
        }
      ),
      t && !n && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: s }),
      !t && /* @__PURE__ */ e("span", { className: "padding-top-4 padding-bottom-10", children: l })
    ] })
  ] }) });
};
export {
  x as LoadMoreButton,
  x as default
};
//# sourceMappingURL=LoadMoreButton.js.map
