import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment } from 'react';
import { HeadCell, headCellClassnames } from '../../../HeadCell';
export const GroupColumns = ({ column, sorting, onSort, gridPosition, startAdornment, }) => (_jsxs(Fragment, { children: [_jsx(HeadCell, { sorting: sorting, label: column.label, onSort: onSort, className: headCellClassnames.groupParent, gridPosition: gridPosition, startAdornment: startAdornment }), column.children.map((child) => (_jsx(HeadCell, { ...child, onSort: onSort, className: headCellClassnames.groupChild, startAdornment: child.columnHint }, child.label)))] }, column.label));
