import React from 'react';
export default function SubRow({ customRenderKey, data, dataKeys, headers, isBulkActionEnable, isNumericalOrderEnable, }) {
    return (React.createElement(React.Fragment, null,
        React.createElement("tr", { className: 'bg-gray-100' },
            isNumericalOrderEnable && React.createElement("td", { className: 'w-[60px] whitespace-nowrap pl-8 text-xs text-gray-900' }),
            isBulkActionEnable && React.createElement("td", { className: 'w-2 border-b pl-6' }),
            headers.map((header) => (React.createElement("td", { key: header.indexHeader, className: 'w-fit py-3 pl-8 text-xxs font-medium text-gray-600' }, header)))),
        data.map((item, index) => (React.createElement("tr", { key: index, className: 'bg-gray-50' },
            isNumericalOrderEnable && React.createElement("td", { className: 'w-[60px] whitespace-nowrap pl-8 text-xs text-gray-900' }),
            isBulkActionEnable && React.createElement("td", { className: 'w-2 border-b pl-6' }),
            dataKeys.map((key) => {
                var _a;
                return (React.createElement("td", { key: key, className: 'py-3 pl-8 text-xxs font-medium text-gray-600' }, ((_a = customRenderKey[key]) === null || _a === void 0 ? void 0 : _a.call(customRenderKey, item[key], item)) || item[key]));
            }))))));
}
//# sourceMappingURL=sub-row.js.map