// Module ID: 13097
// Function ID: 13098
// Name: AvatarPile
// Dependencies: [19, 21, 13098, 11072, 12689, 8884, 11073, 2]
// Exports: AvatarPile

// Module 13097 (AvatarPile)
import ClipView from "ClipView" /* 8884 */;
import Pile from "Pile" /* 11072 */;
import PileOverflow from "PileOverflow" /* 11073 */;
import ListUtils from "ListUtils" /* 12689 */;
import CutoutableAvatarImage from "CutoutableAvatarImage" /* 13098 */;
import noop from "module_19" /* 19 */;

require = fn;
const jsxProd = fn(21);
({ jsx: c3, jsxs: closure_4 } = jsxProd);
const size = fn(2);
const result = size.fileFinishedImporting("design/components/Pile/native/AvatarPile.native.tsx");

export const AvatarPile = function AvatarPile(arg0) {
  ({ totalCount, children } = arg0);
  const Children = noop.Children;
  ({ size, names } = arg0);
  const countResult = Children.count(children);
  const tmp4 = CutoutableAvatarImage.AVATAR_SIZE_MAP[size];
  const obj = { "aria-label": ListUtils.getListSummaryLabel(names, totalCount), shape: ClipView.CutoutShape.Circle, size: tmp4, gap: null, depthX: 0.4, children: null };
  let num = 3;
  if (tmp4 <= 40) {
    num = 2;
  }
  obj.gap = num;
  const items = [children, ];
  let tmp6 = null != totalCount && countResult < totalCount;
  if (tmp6) {
    const obj3 = { size: tmp4, borderRadius: tmp4 / 2, value: totalCount - countResult };
    tmp6 = React3(PileOverflow.PileOverflow, obj3);
  }
  items[1] = tmp6;
  obj.children = items;
  return React4(Pile.Pile, obj);
};