import React, { Component } from 'react';
import { SidePane } from 'amos-framework';
import Drawer from './Drawer';

const dataPanes = [
  { key: 'search', icon: 'sousuo', label: '检索', title: '信息检索',disabled: false },
  { key: 'msg', icon: 'xiaoxi', label: '消息', title: '消息提醒',disabled: false },
  { key: 'trajectory', icon: 'xunjiandian_', label: '轨迹', title: '巡检轨迹',disabled: true },
  { key: 'record', icon: 'yuan1', label: '预案', title: '预案' ,disabled: true },
  // { key: 'job', icon: 'job', label: '工单', title: '工单查看' },
  { key: 'broadcast', icon: 'buzhou7', label: '步骤', title: '步骤' ,disabled: true },
  // { key: 'statistics', icon: 'statistics', label: '统计', title: '统计信息' },
  // { key: 'monitor', icon: 'monitor', label: '监控', title: '视频监控' },
  { key: 'setting', icon: 'shezhi', label: '设置', title: '系统设置' ,disabled: false }
];

class DataPane extends Component {
  render() {
    return (
      <SidePane className="side-pane-data" left={false} right={0} top={40}>
        <Drawer barList={dataPanes} />
      </SidePane>
    );
  }
}

export default DataPane;
