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

export default function ViewControl({ leftShow, rightShow }) {
  return (
    <ul className={styles.container}>
      <li className={styles.item} onClick={() => Mousetrap.trigger('alt+command+1')}>
        <span>左边栏</span>
        {leftShow && <i className="icon iconfont icon-icon_sucess" />}
      </li>
      <li className={styles.item} onClick={() => Mousetrap.trigger('alt+command+2')}>
        <span>右边栏</span>
        {rightShow && <i className="icon iconfont icon-icon_sucess" />}
      </li>
    </ul>
  );
}
