{"size": 563, "ext": "js", "max_stars_repo_path": "src/components/BallShadow.js", "max_stars_repo_name": "HunorMarton/maze", "max_stars_repo_stars_event_min_datetime": "2018-01-07T10:29:51.000Z", "max_stars_repo_stars_event_max_datetime": "2021-06-01T12:38:41.000Z", "max_issues_repo_path": "src/components/BallShadow.js", "max_issues_repo_name": "HunorMarton/maze", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/BallShadow.js", "max_forks_repo_name": "HunorMarton/maze", "max_forks_repo_forks_event_min_datetime": "2017-10-23T15:23:19.000Z", "max_forks_repo_forks_event_max_datetime": "2019-03-02T20:36:58.000Z"}
{"max_stars_count": 5, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 25.5909090909, "max_line_length": 90, "alphanum_fraction": 0.6181172291}
import React, {PropTypes} from 'react';
import {BALL_RADIUS} from '../constants/sizes';

const BallShadow = ({x,y}) => (
  <g>
    <defs>
      <radialGradient id="ballShadowGradient" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5">
        <stop offset="40%" stopColor="#gray"/>
        <stop offset="100%" stopColor="#D1CFCF"/>
      </radialGradient>
    </defs>
    <circle className="ballShadow" cx={x} cy={y} r={BALL_RADIUS}/>
  </g>
);

BallShadow.propTypes = {
  x: PropTypes.number.isRequired,
  y: PropTypes.number.isRequired
};

export default BallShadow;
