@atlaskit/table-tree/dist/esm/components/internal/overflow-container.js

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

/* overflow-container.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["isSingleLine"];
import "./overflow-container.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { fg } from '@atlaskit/platform-feature-flags/fg';
var focusRing = "inset 0 0 0 2px ".concat("var(--ds-border-focused, #4688EC)");
var overflowContainerStyles = null;
var focusRingStyles = null;

/**
 * __Overflow container__
 */
var OverflowContainer = function OverflowContainer(_ref) {
  var isSingleLine = _ref.isSingleLine,
    props = _objectWithoutProperties(_ref, _excluded);
  var shouldShowFocusRing = isSingleLine && fg('platform_dst_table_tree_single_line_focus_ring');
  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
    className: ax([isSingleLine && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c", shouldShowFocusRing && "_1u6l2ef9"])
  }));
};
export default OverflowContainer;