"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "TableHeader", {
    enumerable: true,
    get: function() {
        return TableHeader;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _css = require("../utils/css");
const _colgroup = require("./colgroup");
const _theadCol = require("./theadCol");
const TableHeader = (props)=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("table", {
        className: (0, _css.cn)("orderly-ui-table-thead orderly-border-collapse orderly-w-full orderly-table-fixed orderly-sticky orderly-top-0 orderly-z-20", props.containerClassName),
        children: [
            /*#__PURE__*/ (0, _jsxruntime.jsx)(_colgroup.ColGroup, {
                columns: props.columns
            }),
            /*#__PURE__*/ (0, _jsxruntime.jsx)("thead", {
                className: (0, _css.cn)("orderly-sticky orderly-top-0 orderly-z-0", props.className),
                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
                    children: props.columns.map((column, index)=>{
                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_theadCol.TheadCol, {
                            col: column,
                            record: undefined,
                            index: index,
                            className: props.className,
                            bordered: props.bordered
                        }, index);
                    })
                })
            })
        ]
    });
};

//# sourceMappingURL=thead.js.map