// Given text string and an element with the font-style, compute width in px
export function calculateTextWidth(text, element) {
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  context.font = window.getComputedStyle(element).font;
  return Math.ceil(context.measureText(text).width);
}

export function hueToColor(hue) {
  return 'hsla(' + hue + ', 75%, 65%, .4)';
}