@atlaskit/table-tree/dist/esm/components/headers.js

A table tree is an expandable table for showing nested hierarchies of information.

/* headers.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./headers.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { Children, cloneElement } from 'react';
/* eslint-disable @repo/internal/react/no-clone-element */

var containerStyles = null;
/**
 * __Headers__
 *
 * Headers component for advanced composition of data, allowing custom data structures.
 *
 * - [Examples](https://atlassian.design/components/table-tree/examples#advanced)
 * - [Code](https://atlassian.design/components/table-tree/code#headers-props)
 */
var Headers = function Headers(_ref) {
  var children = _ref.children;
  return /*#__PURE__*/React.createElement("div", {
    role: "row",
    className: ax(["_179r1hmg _1e0c1txw"])
  }, Children.map(children, function (header, index) {
    return /*#__PURE__*/cloneElement(header, {
      key: index,
      columnIndex: index
    });
  }));
};
export default Headers;