function getAxes(props) {
  const {
    animation,
    domains,
    startingAngle,
    style,
    tickFormat,
    hideInnerMostValues
  } = props;
  return domains.map((domain, index) => {
    const angle = (index / domains.length) * Math.PI * 2 + startingAngle;
    const sortedDomain = domain.domain;

    const domainTickFormat = t => {
      if (hideInnerMostValues && t === sortedDomain[0]) {
        return '';
      }
      return domain.tickFormat ? domain.tickFormat(t) : tickFormat(t);
    };

    return (
      <DecorativeAxis
        animation={animation}
        key={`${index}-axis`}
        axisStart={{x: 0, y: 0}}
        axisEnd={{
          x: getCoordinate(Math.cos(angle)),
          y: getCoordinate(Math.sin(angle))
        }}
        axisDomain={sortedDomain}
        numberOfTicks={5}
        tickValue={domainTickFormat}
        style={style.axes}
      />
    );
  });
}
Generate axes for each of the domains
@param {Object} props
 - props.animation {Boolean}
 - props.domains {Array} array of object specifying the way each axis is to be plotted
 - props.style {object} style object for the whole chart
 - props.tickFormat {Function} formatting function for axes
 - props.startingAngle {number} the initial angle offset
@return {Array} the plotted axis components