import { IconButton, Text } from "@wix/design-system";
import { ChevronDown, ChevronUp } from "@wix/wix-ui-icons-common";
import React from "react";
import {
  INLINE_AI_PAGER,
  INLINE_AI_PAGER_NEXT_BUTTON,
  INLINE_AI_PAGER_PREV_BUTTON
} from "./data-hooks.js";
const Pager = ({ total, current, onPrev, onNext }) => {
  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 }, "data-hook": INLINE_AI_PAGER }, /* @__PURE__ */ React.createElement(
    IconButton,
    {
      className: "ai-region-button",
      size: "tiny",
      priority: "tertiary",
      skin: "standard",
      onClick: () => {
        onPrev();
      },
      dataHook: INLINE_AI_PAGER_PREV_BUTTON
    },
    /* @__PURE__ */ React.createElement(ChevronUp, null)
  ), /* @__PURE__ */ React.createElement(Text, { size: "small" }, current + 1, "/", total), /* @__PURE__ */ React.createElement(
    IconButton,
    {
      dataHook: INLINE_AI_PAGER_NEXT_BUTTON,
      className: "ai-region-button",
      size: "tiny",
      priority: "tertiary",
      skin: "standard",
      onClick: () => {
        onNext();
      }
    },
    /* @__PURE__ */ React.createElement(ChevronDown, null)
  ));
};
export {
  Pager
};
//# sourceMappingURL=pager.js.map
