import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString } from "vue";
import "../../../adapter-vue.mjs";
import { TUITranslateService } from "@tencentcloud/chat-uikit-engine";
import Icon from "../../common/Icon.vue.mjs";
import ForwardEachIcon from "../../../assets/icon/forward-each.svg.mjs";
import ForwardMergeIcon from "../../../assets/icon/forward-merge.svg.mjs";
import AddIcon from "../../../assets/icon/add-circle.svg.mjs";
import { isMobile } from "../../../utils/env.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  emits: ["oneByOneForwardMessage", "mergeForwardMessage", "toggleMultipleSelectMode"],
  setup(__props, { emit: __emit }) {
    const emits = __emit;
    const iconSize = ref(isMobile ? "25px" : "30px");
    function oneByOneForwardMessage() {
      emits("oneByOneForwardMessage");
    }
    function mergeForwardMessage() {
      emits("mergeForwardMessage");
    }
    function cancelMultipleSelect() {
      emits("toggleMultipleSelectMode");
    }
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: normalizeClass({
          "mulitple-select-panel": true,
          "mulitple-select-panel-mobile": unref(isMobile)
        })
      }, [
        createElementVNode("div", {
          class: "forward-button",
          onClick: oneByOneForwardMessage
        }, [
          createVNode(Icon, {
            file: unref(ForwardEachIcon),
            size: unref(iconSize)
          }, null, 8, ["file", "size"]),
          createElementVNode("span", {
            class: normalizeClass({
              "forward-button-text": true,
              "forward-button-text-mobile": unref(isMobile)
            })
          }, toDisplayString(unref(TUITranslateService).t("TUIChat.逐条转发")), 3)
        ]),
        createElementVNode("div", {
          class: "forward-button",
          onClick: mergeForwardMessage
        }, [
          createVNode(Icon, {
            file: unref(ForwardMergeIcon),
            size: unref(iconSize)
          }, null, 8, ["file", "size"]),
          createElementVNode("span", {
            class: normalizeClass({
              "forward-button-text": true,
              "forward-button-text-mobile": unref(isMobile)
            })
          }, toDisplayString(unref(TUITranslateService).t("TUIChat.合并转发")), 3)
        ]),
        createElementVNode("div", {
          class: "forward-button",
          onClick: cancelMultipleSelect
        }, [
          createVNode(Icon, {
            class: "cancel-button-icon",
            file: unref(AddIcon),
            size: unref(iconSize)
          }, null, 8, ["file", "size"]),
          createElementVNode("span", {
            class: normalizeClass({
              "forward-button-text": true,
              "forward-button-text-mobile": unref(isMobile)
            })
          }, toDisplayString(unref(TUITranslateService).t("TUIChat.取消")), 3)
        ])
      ], 2);
    };
  }
});
export {
  _sfc_main as default
};
