import React, { Component } from 'react'

export default class ConversionRate extends Component {
  render() {
    const { midPoint, fill } = this.props;
        
    return (
      <g>
        <circle cx={midPoint[0]} cy={midPoint[1]} r="20" fill={fill} />
        <text x={midPoint[0]-8} y={midPoint[1]+5} fill="white" style={{ fontSize: '12pt' }}>0%</text>
      </g>
    );
  }
}