function generateLegendHTML(legendItems) {
  return legendItems.map(
    (item) => `
        <div class="legend-item">
          <span class="legend-group legend-group--label">
            <span class="legend-color" style="background-color: ${item.fillStyle};"></span>
            <span class="legend-label">${item.label}</span>
          </span>
          <span class="legend-group legend-group--value-unit">
            <span class="legend-value">${item.value}</span>
            <span class="legend-unit">${item.unit}</span>
          </span>
        </div>
      `
  ).join("");
}
export {
  generateLegendHTML
};
//# sourceMappingURL=legend.js.map
