import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';
import { Modal } from 'antd';
import './index.less';
import Icon from '@/tenants-ui/SgIcon';

export default ({isAll,changeIsAll}) => {

  return (
    <div
      className="changeBox"
      onClick={() => {
        changeIsAll();
      }}
    >
      <div className="firBox">总控制</div> <div className="firBox">子设备</div>
      <div className={`upBox ${isAll ? '' : 'rightBox'}`}>{isAll ? '总控制' : '子设备'}</div>
    </div>
  );
};
