import "core-js/modules/es.array.map.js";
import "core-js/modules/es.object.to-string.js";
import "core-js/modules/esnext.iterator.constructor.js";
import "core-js/modules/esnext.iterator.map.js";
import { useContext } from 'react';
import { useI18n } from '../../../i18n';
import { FcrIconType } from '../../icon/type';
import { FcrToolTip } from '../../tooltip';
import { ActionBarItemWithPopover } from '../item';
import { actionBarCollapesContext } from '..';
import { jsx as _jsx } from "react/jsx-runtime";
export var More = function More(_ref) {
  var id = _ref.id,
    order = _ref.order;
  var t = useI18n();
  var _useContext = useContext(actionBarCollapesContext),
    collapseList = _useContext.collapseList;
  var title = t('fmt_participants_member_button_more');
  var tooltip = t('fmt_participants_member_button_more');
  return /*#__PURE__*/_jsx(FcrToolTip, {
    content: tooltip,
    children: /*#__PURE__*/_jsx(ActionBarItemWithPopover, {
      popoverProps: {
        trigger: 'click',
        content: collapseList === null || collapseList === void 0 ? void 0 : collapseList.map(function (item) {
          return /*#__PURE__*/_jsx("div", {
            style: {
              color: 'var(--fcr_ui_scene_icontext1)'
            },
            children: item
          });
        })
      },
      id: id,
      order: order,
      icon: FcrIconType.FCR_MOBILE_MORE,
      title: title,
      onClick: function onClick() {},
      iconColors: {
        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
      }
    })
  });
};