import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {growthData} from './data';
class GrowthStatistics extends Component {
  render() {
    return (
      <div className='growth-statistics-view common-margin'>
        <div className='daily-title  daily-title-content'>告警隐患周增幅统计</div>
        <div className='growth-content'>
        <div style={{position:"initial",width:28,height:28,marginTop:-23,marginLeft:358}}
           onClick={this.props.onWarnClick}></div>
          <div className='growth-item growth-item-header'>
            <div>日期</div>
            <div>告警隐患</div>
            <div>周增量</div>
          </div>
          {
            growthData.map((item,index)=>(
            <div className='growth-item growth-item-text'>
              <div className='growth-item-datatext'>{item.date}</div>
              <div>{item.risk}</div>
              <div>{item.growth}</div>
            </div>
            )

            )
          }
        </div>
      </div>
    );
  }
}

GrowthStatistics.propTypes = {};

export default GrowthStatistics;
