import { IGroupingRenderer } from '../../core/IGroupingRenderer';
import { RenderContext } from '../../core/RenderContext';

export class ResourceRenderer implements IGroupingRenderer {
  readonly type = 'resource';

  render(context: RenderContext): void {
    for (const resourceId of context.values) {
      const cell = document.createElement('swp-resource-header');
      cell.dataset.resourceId = resourceId;
      cell.textContent = resourceId;
      if (context.colspan > 1) cell.style.gridColumn = `span ${context.colspan}`;
      context.headerContainer.appendChild(cell);
    }
  }
}