text: import React from 'react';
  import { numberWithCommas } from 'App/utils';
  
  const TooltipLabel = ({ payload, unit = false }) => {
    if (!payload) return '';
    const value = numberWithCommas(Math.round(payload.value));
    return (
      <div className="text-sm">
        {`${payload.name}: ${value}`}
        { unit && <span className="ml-1 text-xs">ms</span>}
      </div>
    )
  }
  
  const CustomTooltip = ({ active, payload, label, unit }) => {
    if (active && payload && payload[0]) {
      return (
        <div className="border rounded p-2 bg-white leading-5">
          <div className="text-xs color-gray-medium">{`${label}`}</div>
          {payload.map(p => ( <TooltipLabel payload={p} unit={unit} /> ))}
        </div>
      );
    }
  
    return null;
  }
  
  export default CustomTooltip
  