"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "TabGroup", {
    enumerable: true,
    get: function() {
        return TabGroup;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _css = require("../utils/css");
const TabGroup = (props)=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        className: (0, _css.cn)("orderly-grid orderly-border-b orderly-border-divider orderly-tab-header", props.className),
        style: {
            gridTemplateColumns: `repeat(${props.tabList.length}, 1fr)`
        },
        children: props.tabList.map((header, index)=>{
            // const header = props.tabList[index];
            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                className: (0, _css.cn)("orderly-h-full orderly-relative orderly-flex orderly-items-center orderly-border-l orderly-border-divider first:orderly-border-l-0 orderly-pl-2"),
                children: header.title
            }, index);
        })
    });
};

//# sourceMappingURL=tabGroup.js.map