import { h } from "@stencil/core";
import { concatClasses } from '../../../utils/utils';
import { TableClasses } from '../table.utils';
import { ColumnRenderer } from '../column/column.renderer';
import { Th } from './th';
export const Thead = ({ columns, filtering, offsets, pinBoundaries, translator }) => (h("thead", { class: TableClasses.header },
    h("tr", { class: TableClasses.row }, columns.map((col, index) => {
        const classList = concatClasses(ColumnRenderer.columnHeaderClasses(col), ColumnRenderer.pinnedBorderClass(index, pinBoundaries));
        return h(Th, { classList: classList, column: col, columnIndex: index, filtering: filtering, offset: offsets[index], translator: translator });
    }))));
