@atlaskit/dynamic-table
Version:
A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
32 lines (31 loc) • 1.13 kB
JavaScript
/* table-row.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import "./table-row.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
const rowStyles = null;
const rowBackgroundStyles = null;
const rowHighlightedBackgroundStyles = null;
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export const TableBodyRow = /*#__PURE__*/forwardRef(({
isHighlighted,
children,
style,
testId,
className,
...rest
}, ref) => {
return /*#__PURE__*/React.createElement("tr", _extends({
style: style,
/**
* We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
* With Compiled it needs to be statically analyzable. It does not get applied via spread props.
*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
className: ax(["_bfhksm61 _1ygbdfik _1ah312gs", isHighlighted ? "_bfhk15s3 _irr3ufnl" : "_irr31dpa", className])
}, rest, {
ref: ref,
"data-testid": testId
}), children);
});