Source: components/userComponents/monitoredArea/legend/CountLegend.js

import React from "react";
import { colorMin, colorMax } from '../../../../Utils.js';
import { withNamespaces } from 'react-i18next';

/**
 * Heatmap Legend for statistics visualization
 * @extends Component
 * @hideconstructor
 */
class CountLegend extends React.Component {
  /**
   *
   * @returns {*}
   */
  render() {
    const { t } = this.props;
    return (
      <div>
        <div style={{marginLeft: '15px'}}>
          <div className="col-xs-1" style={{ backgroundColor: colorMax, height: '20px' }}/>
          <div className="col-xs-11">{t('countLegend.maxCountLabel')}</div>
        </div>
        <div style={{marginLeft: '15px'}}>
          <div className="col-xs-1" style={{ backgroundColor: colorMin, height: '20px' }}/>
          <div className="col-xs-11">{t('countLegend.minCountLabel')}</div>
        </div>
      </div>
    )
  }
}

export default withNamespaces()(CountLegend);