import React from 'react';
import styles from './LayerSort.less';
import Mousetrap from 'mousetrap';

function LayerSort() {
  return (
    <div className={styles.container}>
      <ul>
        <li className={styles.item} onClick={() => Mousetrap.trigger('command+shift+up')}>
          <i className="icon iconfont icon-a-zhiding11" />
          <span>置顶</span>
        </li>
        <li className={styles.item} onClick={() => Mousetrap.trigger('command+shift+down')}>
          <i className="icon iconfont icon-a-zhiding12" />
          <span>置底</span>
        </li>
        <li className={styles.item} onClick={() => Mousetrap.trigger('command+alt+up')}>
          <i className="icon iconfont icon-a-shangyiyiceng1" />
          <span>上移一层</span>
        </li>
        <li className={styles.item} onClick={() => Mousetrap.trigger('command+alt+down')}>
          <i className="icon iconfont icon-a-shangyiyiceng11" />
          <span>下移一层</span>
        </li>
      </ul>
    </div>
  );
}

export default LayerSort;
