flow-coverage-report/src/lib/components/coverage-meter-bar.jsx

Generate an HTML report of the flow coverage data

'use strict';

// @flow

import React from 'react';
import type {Node} from 'react';

const FlowCoverageMeterBar = (
  props: {+percent: number, +threshold: number}
): Node => {
  const {threshold} = props;
  const color = props.percent >= threshold ? 'green' : 'red';
  const style = {
    padding: 0, height: 12
  };
  return (
    <div className={'row ' + color} style={style}/>
  );
};

export default FlowCoverageMeterBar;