createTextNode = ({
  id,
  label,
  value,
  index,
  percent,
  hideProgress,
  progressBarColor,
  progressBarBackgroundColor,
}) => {
  const staggerDelay = (index + 3) * 150;

  const cardProgress = hideProgress
    ? null
    : createProgressNode({
        x: 110,
        y: 4,
        progress: percent,
        color: progressBarColor,
        width: 220,
        // @ts-ignore
        name: label,
        progressBarBackgroundColor,
        delay: staggerDelay + 300,
      });

  return `
    <g class="stagger" style="animation-delay: ${staggerDelay}ms" transform="translate(25, 0)">
      <text class="stat bold" y="12.5" data-testid="${id}">${label}:</text>
      <text
        class="stat"
        x="${hideProgress ? 170 : 350}"
        y="12.5"
      >${value}</text>
      ${cardProgress}
    </g>
  `;
}
Create WakaTime text item.

@param {Object} args The function arguments.
@param {string} args.id The id of the text node item.
@param {string} args.label The label of the text node item.
@param {string} args.value The value of the text node item.
@param {number} args.index The index of the text node item.
@param {number} args.percent Percentage of the text node item.
@param {boolean=} args.hideProgress Whether to hide the progress bar.
@param {string} args.progressBarColor The color of the progress bar.
@param {string} args.progressBarBackgroundColor The color of the progress bar background.
@returns {string} The text SVG node.