@atlaskit/avatar-group/dist/es2019/components/stack.js

An avatar group displays a number of avatars grouped together in a stack or grid.

/* stack.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./stack.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { Children } from 'react';
import { ExitingPersistence } from '@atlaskit/motion';
import { fg } from '@atlaskit/platform-feature-flags';
const listStyles = null;
const listSmallStyles = null;
const listItemStyles = null;
const listItemSmallStyles = null;
const Stack = ({
  id,
  children,
  testId,
  'aria-label': label,
  size
}) => /*#__PURE__*/React.createElement("ul", {
  id: id,
  "data-testid": testId,
  "aria-label": label,
  className: ax(["_1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2u2gc _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t", size === 'small' && fg('platform-avatar-group-spacing-fix') && "_12l21b66"])
}, fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(ExitingPersistence, {
  exitThenEnter: true
}, Children.map(children, child => child && /*#__PURE__*/React.createElement("li", {
  className: ax(["_6rthze3t _1pfhze3t _12l2x0bf _ahbqze3t", size === 'small' && fg('platform-avatar-group-spacing-fix') && "_12l2r5cr"])
}, child))) : Children.map(children, child => child && /*#__PURE__*/React.createElement("li", {
  className: ax(["_6rthze3t _1pfhze3t _12l2x0bf _ahbqze3t", size === 'small' && fg('platform-avatar-group-spacing-fix') && "_12l2r5cr"])
}, child)));

// eslint-disable-next-line @repo/internal/react/require-jsdoc
export default Stack;