"use client";
import { jsxs, jsx } from "../../packages/jsx/src/jsx-runtime.js";
import { Text } from "../../atoms/Text/Text.js";
import { Spacing } from "../../tokens/Spacing.js";
import { Flex } from "../../atoms/Flex/Flex.js";
import { Button } from "../../molecules/Button/Button.js";
function LoadMoreSection({ shownCount, total, onLoadMoreClick, ...rest }) {
  return /* @__PURE__ */ jsxs("div", { ...rest, children: [
    /* @__PURE__ */ jsxs(Text.P16, { sx: { mb: Spacing["16px"] }, color: "White64", children: [
      Math.min(shownCount, total),
      " of ",
      total
    ] }),
    /* @__PURE__ */ jsx(Flex, { justify: "center", children: shownCount < total ? /* @__PURE__ */ jsx(Button, { onClick: onLoadMoreClick, children: "Load more" }) : null })
  ] });
}
export {
  LoadMoreSection
};
