import { IconButton, Tooltip } from "@wix/design-system";
import React, { useContext } from "react";
import { RicosContext } from "./../ricos-context/index.js";
import { MergeSmall } from ".//icons/merge-small.js";
import styles from "./card-scss.js";
import { AddSmall } from "./icons/add-small.js";
const PageGap = ({
  onAddPage,
  onMergePages,
  onMergeHoverChange,
  isLastCard
}) => {
  const { t } = useContext(RicosContext);
  return /* @__PURE__ */ React.createElement("div", { className: styles.cardGapAddButtonWrapper }, /* @__PURE__ */ React.createElement(Tooltip, { content: t("Card_PageGap_AddPage_Tooltip"), size: "small" }, /* @__PURE__ */ React.createElement(
    IconButton,
    {
      className: styles.cardGapAddButton,
      onClick: onAddPage,
      size: "tiny",
      skin: "light",
      priority: "primary"
    },
    /* @__PURE__ */ React.createElement(AddSmall, null)
  )), !isLastCard && /* @__PURE__ */ React.createElement(Tooltip, { content: t("Card_PageGap_MergePages_Tooltip"), size: "small" }, /* @__PURE__ */ React.createElement(
    IconButton,
    {
      className: styles.cardGapAddButton,
      onClick: onMergePages,
      onMouseEnter: () => onMergeHoverChange(true),
      onMouseLeave: () => onMergeHoverChange(false),
      size: "tiny",
      skin: "light",
      priority: "primary"
    },
    /* @__PURE__ */ React.createElement(MergeSmall, null)
  )));
};
export {
  PageGap
};
//# sourceMappingURL=page-gap.js.map
