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

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

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

DataPane.propTypes = {
  animationProps: PropTypes.object
};

export default DataPane;
