import React, { Component } from 'react';


class LeftDown extends Component {

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="body-second-bottom ">
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#00A2FF' }}></div>
          <div className="indexMap-bottom-two">
            <span>其它</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#19FF00' }}></div>
          <div className="indexMap-bottom-two">
            <span>正常</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#959595' }}></div>
          <div className="indexMap-bottom-two">
            <span>未运行</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#FF8800' }}></div>
          <div className="indexMap-bottom-two">
            <span>警告</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#FF0000' }}></div>
          <div className="indexMap-bottom-two">
            <span>故障</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#02E3FC' }}></div>
          <div className="indexMap-bottom-two">
            <span>MBFE正常</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#FFF948' }}></div>
          <div className="indexMap-bottom-two">
            <span>MBFE告警</span>
          </div>
        </div>
        <div style={{ width: '100px', height: '20px', float: 'left' }}>
          <div className="indexMap-bottom-one" style={{ backgroundColor: '#FFAA00' }}></div>
          <div className="indexMap-bottom-two">
            <span>MBFE故障</span>
          </div>
        </div>
      </div>
    );
  }
}

export default LeftDown;
