import React from 'react';
import styles from './PageMenu.less';

export default function PageMenu({ visible, position, onCopy, onCopyToApp, onDelete }) {
  return (
    <div className={styles.menu} style={{ display: visible ? 'block' : 'none', left: position.x + 10, top: position.y }}>
      {/* <div className={styles.item} onClick={onCopy}>
        <i className="icon iconfont icon-icon_right_copy" />
        <span>复制</span>
      </div>
      <div className={styles.item} onClick={onCopyToApp}>
        <i className="icon iconfont icon-icon_right_copyscree" />
        <span>跨项目拷贝</span>
      </div> */}
      <div className={styles.item} onClick={onDelete}>
        <i className="icon iconfont icon-icon_right_delete" />
        <span>删除</span>
      </div>
    </div>
  );
}
