import { Button, IconButton, Text } from "@wix/design-system";
import { ChevronDown, ChevronUp, RedoSmall, UndoSmall } from "@wix/wix-ui-icons-common";
import React from "react";
const Pager = ({
  total,
  current,
  onPrev,
  onNext,
  toggleUndo,
  currentUndone,
  t
}) => {
  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px" } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 0 } }, /* @__PURE__ */ React.createElement(
    IconButton,
    {
      className: "ai-region-button",
      size: "tiny",
      priority: "tertiary",
      skin: "standard",
      onClick: () => {
        onPrev();
      },
      dataHook: `pager-up-button-${current}`
    },
    /* @__PURE__ */ React.createElement(ChevronUp, null)
  ), /* @__PURE__ */ React.createElement(Text, { size: "small" }, current + 1, "/", total), /* @__PURE__ */ React.createElement(
    IconButton,
    {
      dataHook: `pager-down-button-${current}`,
      className: "ai-region-button",
      size: "tiny",
      priority: "tertiary",
      skin: "standard",
      onClick: () => {
        onNext();
      }
    },
    /* @__PURE__ */ React.createElement(ChevronDown, null)
  )), /* @__PURE__ */ React.createElement(
    Button,
    {
      className: "ai-region-button",
      size: "tiny",
      priority: "secondary",
      prefixIcon: currentUndone ? /* @__PURE__ */ React.createElement(RedoSmall, null) : /* @__PURE__ */ React.createElement(UndoSmall, null),
      onClick: () => {
        toggleUndo();
      }
    },
    currentUndone ? t("Pager_Button_After") : t("Pager_Button_Before")
  ));
};
export {
  Pager
};
//# sourceMappingURL=pager.js.map
