// Module ID: 16240
// Function ID: 16241
// Name: VoiceUserSummary
// Dependencies: [19, 17, 21, 1177, 4639, 7979, 7978, 5181, 5185, 2]

// Module 16240 (VoiceUserSummary)
import native from "native" /* 1177 */;
import useIsUsingClientThemeDefault from "useIsUsingClientTheme" /* 7979 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
let closure_6 = Object.freeze({ direction: fn(1177).CutoutDirection.RIGHT, inset: -2 });
const createStyles = fn(4639);
let closure_7 = createStyles.createStyles({ container: { flexDirection: "row", alignItems: "center", paddingHorizontal: 16, height: 40 }, containerNoPadding: { flexDirection: "row", alignItems: "center", height: 40 }, iconContainer: { height: 40 }, redesignChannelIcon: { marginRight: 4 }, overflow: { height: 20, paddingHorizontal: 4, paddingVertical: 0, display: "flex", flexDirection: "row", alignItems: "center" }, transparentBorder: { borderColor: "transparent" } });
let obj = { direction: fn(1177).CutoutDirection.RIGHT, inset: -2 };
const size = fn(2);
const result = size.fileFinishedImporting("modules/guild_sidebar/native/VoiceUserSummary.tsx");

export default noop.memo((guildId) => {
  guildId = guildId.guildId;
  ({ users, max, renderIcon, noPadding, stageIcon } = guildId);
  const tmp = closure_7();
  let transparentBorder = null;
  if (useIsUsingClientThemeDefault()) {
    transparentBorder = tmp.transparentBorder;
  }
  const obj2 = { style: null, children: null };
  const items = [noPadding ? tmp.containerNoPadding : tmp.container, guildId(7978).useClientThemesOverride()];
  obj2.style = items;
  if (renderIcon) {
    if (stageIcon) {
      let VoiceNormalIcon = tmp4(5181).StageIcon;
    }
    const obj3 = { size: "sm", color: "channel-icon", style: tmp.redesignChannelIcon };
    const items1 = [tmp7(VoiceNormalIcon, obj3), ];
    const obj4 = { offsetAmount: -6, style: tmp.iconContainer, overflowStyle: null, overflowComponent: null, items: null, max: null, renderItem: null };
    const items2 = [tmp.overflow, transparentBorder];
    obj4.overflowStyle = items2;
    obj4.overflowComponent = tmp4(1177).OverflowTextSmall;
    obj4.items = users;
    obj4.max = max;
    obj4.renderItem = function renderItem(user, arg1) {
      const obj = { user, guildId, size: native.AvatarSizes.XSMALL_20, cutout: null };
      let tmp2;
      if (!arg1) {
        tmp2 = closure_6;
      }
      obj.cutout = tmp2;
      return React4(native.CutoutableAvatarImage, obj);
    };
    items1[1] = tmp7(tmp4(1177).SummarizedIconRow, obj4);
    obj2.children = items1;
    return tmp5(tmp6, obj2);
  }
  VoiceNormalIcon = tmp4(5185).VoiceNormalIcon;
});
export const VOICE_USER_SUMMARY_HEIGHT = 40;