function getAxes(props) {
  const {animation, domains, style, tickFormat} = props;
  return domains.map((domain, index) => {
    const sortedDomain = domain.domain;

    const domainTickFormat = t => {
      return domain.tickFormat ? domain.tickFormat(t) : tickFormat(t);
    };

    return (
      <DecorativeAxis
        animation={animation}
        key={`${index}-axis`}
        axisStart={{x: domain.name, y: 0}}
        axisEnd={{x: domain.name, y: 1}}
        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
@return {Array} the plotted axis components