How to use the grommet-controls/utils.colorFromIndex function in grommet-controls

);
    }
  } else {
    content = (
      
        {name}
        
      
    );
  }
  return (
    
      
        {content}
      
    
  );
};

tags = packages.map((p, i) =>
        ({
          label: ({p}),
          package: p,
          background: colorFromIndex(i),
        }));
    }

{(item) => {
            const smallCap = responsive || item.index > 4;
            return (
               this.onClickBackground(e, item)}
              >

{(item) => {
            const smallCap = responsive || item.index > 4;
            return (
               this.onClickBackground(e, item)}
              >

{[false, 'origin', 'start', 'end'].map((boundary, i) => (

packages.forEach((name, index) => {
        const npm = stats[name];
        if (npm && npm.evaluation) {
          result.push({
            name,
            value: parseInt(npm.evaluation.popularity[pName].toFixed(0), 10),
            color: theme.global.colors[colorFromIndex(index)],
          });
        }
      });
      return result.sort((a, b) => (b.value - a.value));