@atlaskit/table-tree/dist/es2019/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 */

const 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)
 */
const Headers = ({
  children
}) => /*#__PURE__*/React.createElement("div", {
  role: "row",
  className: ax(["_179r1hmg _1e0c1txw"])
}, Children.map(children, (header, index) => /*#__PURE__*/cloneElement(header, {
  key: index,
  columnIndex: index
})));
export default Headers;