import { jsx } from 'react/jsx-runtime';
import { cn } from '../../../utils/cn.js';
import { useGanttContext } from './GanttChart.js';

const GanttTableHeader = () => {
    const { theme, columns } = useGanttContext();
    return (jsx("div", { className: cn(theme.tableHeaderStyle), style: { height: 56 }, children: columns.map((col) => {
            var _a;
            return (jsx("div", { className: cn(theme.tableHeaderCellStyle, col.align === "center" && "text-center", col.align === "right" && "text-right"), style: { width: (_a = col.width) !== null && _a !== void 0 ? _a : 120 }, children: col.header }, col.id));
        }) }));
};

export { GanttTableHeader };
