How to use the @grafana/ui.getTagColorsFromName function in @grafana/ui

render() {
    const { label, removeIcon, count } = this.props;
    const { color, borderColor } = getTagColorsFromName(label);
    const tagStyle = {
      backgroundColor: color,
      borderColor: borderColor,
    };
    const countLabel = count !== 0 &amp;&amp; <span>{`(${count})`}</span>;

    return (
      <span style="{tagStyle}">
        {removeIcon &amp;&amp; <i>}
        {label} {countLabel}
      </i></span><i>
    );
  }
}</i>

function getAuthLabelStyle(label: string) {
  if (label === 'LDAP' || !label) {
    return {};
  }

  const { color, borderColor } = getTagColorsFromName(label);
  return {
    'background-color': color,
    'border-color': borderColor,
  };
}

function getAuthLabelStyle(label: string) {
  if (label === 'LDAP' || !label) {
    return {};
  }

  const { color, borderColor } = getTagColorsFromName(label);
  return {
    'background-color': color,
    'border-color': borderColor,
  };
}

function setColor(name: string, element: JQuery) {
  const { color, borderColor } = getTagColorsFromName(name);
  element.css('background-color', color);
  element.css('border-color', borderColor);
}