import { assign } from 'min-dash';
import ICONS from 'bpmn-js/lib/features/align-elements/AlignElementsIcons';

const AlignElementContextPad = (contextPadProvider: any, element: any) => {
  let type = element.type;
  const { _alignElements: alignElements, _translate: translate, _popupMenu: popupMenu, _rules: rules } = contextPadProvider;

  return defaultContextPad();

  function defaultContextPad() {
    return [];
    // assign({
    //   'align-elements': {
    //     group: 'align-elements',
    //     title: '对齐方式',
    //     action: {
    //       click: function (event: any, elements: any) {
    //         var position = getMenuPosition(elements);

    //         // 展开对齐标签中包含的内容
    //         contextPadProvider._popupMenu.open(elements, 'align-elements', position);
    //       },
    //     },
    //   },
    // });
  }

  function getMenuPosition(elements: any) {
    var Y_OFFSET = 5;
    var diagramContainer = contextPadProvider._canvas.getContainer(),
      pad = contextPadProvider._contextPad.getPad(elements).html;
    var diagramRect = diagramContainer.getBoundingClientRect(),
      padRect = pad.getBoundingClientRect();
    var top = padRect.top - diagramRect.top;
    var left = padRect.left - diagramRect.left;
    var pos = {
      x: left,
      y: top + padRect.height + Y_OFFSET,
    };

    return pos;
  }
};

export default AlignElementContextPad;