import React from 'react';
import PropTypes from 'prop-types';

import Entities from 'constants/entities';

export default function EntityIcon({ xOffset, yOffset, width, entityType }) {
  if (entityType === Entities.asteroidBelt.key) {
    return (
      <g>
        <circle
          className="Hex-System"
          cx={xOffset - width / 12}
          cy={yOffset - width / 15}
          r={width / 20}
        />
        <circle
          className="Hex-System"
          cx={xOffset - width / 4}
          cy={yOffset - width / 25}
          r={width / 30}
        />
        <circle
          className="Hex-System"
          cx={xOffset - width / 8}
          cy={yOffset + width / 40}
          r={width / 40}
        />
        <circle
          className="Hex-System"
          cx={xOffset + width / 8}
          cy={yOffset + width / 25}
          r={width / 16}
        />
        <circle
          className="Hex-System"
          cx={xOffset + width / 5}
          cy={yOffset - width / 15}
          r={width / 40}
        />
        <circle
          className="Hex-System"
          cx={xOffset}
          cy={yOffset}
          r={width / 45}
        />
        <circle
          className="Hex-System"
          cx={xOffset + width / 12}
          cy={yOffset - width / 10}
          r={width / 30}
        />
        <circle
          className="Hex-System"
          cx={xOffset + width / 3.6}
          cy={yOffset + width / 25}
          r={width / 50}
        />
      </g>
    );
  }
  return (
    <circle
      className={
        entityType === Entities.blackHole.key ? 'Hex-BlackHole' : 'Hex-System'
      }
      cx={xOffset}
      cy={yOffset}
      r={width / 13}
    />
  );
}

EntityIcon.propTypes = {
  xOffset: PropTypes.number.isRequired,
  yOffset: PropTypes.number.isRequired,
  width: PropTypes.number.isRequired,
  entityType: PropTypes.string.isRequired,
};

@@ -1501,16 +1501,1132 @@
  );%0A  %7D%0A
+  if (entityType === Entities.deepSpaceStation.key) %7B%0A    const wingWidth = width / 40;%0A    return (%0A      %3Cg%3E%0A        %3Crect%0A          className=%22Hex-System%22%0A          x=%7BxOffset - width / 5 - wingWidth / 2%7D%0A          y=%7ByOffset - width / 25%7D%0A          width=%7Bwidth / 15%7D%0A          height=%7Bwidth / 12%7D%0A        /%3E%0A        %3Crect%0A          className=%22Hex-System%22%0A          x=%7BxOffset - width / 10 - wingWidth / 2%7D%0A          y=%7ByOffset - width / 25%7D%0A          width=%7Bwidth / 15%7D%0A          height=%7Bwidth / 12%7D%0A        /%3E%0A        %3Crect%0A          className=%22Hex-System%22%0A          x=%7BxOffset%7D%0A          y=%7ByOffset - width / 12%7D%0A          width=%7Bwidth / 22%7D%0A          height=%7Bwidth / 6%7D%0A        /%3E%0A        %3Crect%0A          className=%22Hex-System%22%0A          x=%7BxOffset + width / 10 - wingWidth / 2%7D%0A          y=%7ByOffset - width / 25%7D%0A          width=%7Bwidth / 15%7D%0A          height=%7Bwidth / 12%7D%0A        /%3E%0A        %3Crect%0A          className=%22Hex-System%22%0A          x=%7BxOffset + width / 5 - wingWidth / 2%7D%0A          y=%7ByOffset - width / 25%7D%0A          width=%7Bwidth / 15%7D%0A          height=%7Bwidth / 12%7D%0A        /%3E%0A      %3C/g%3E%0A    );%0A  %7D%0A
   return

Create space station icon