// Module ID: 15013
// Function ID: 15014
// Name: FamilyCenterTopUsersBottomSheet
// Dependencies: [19, 1372, 21, 4638, 7702, 5691, 4482, 1177, 7307, 4634, 1115, 2397, 5773, 2]
// Exports: default

// Module 15013 (FamilyCenterTopUsersBottomSheet)
import util from "util" /* 1115 */;
import native from "native" /* 1177 */;
import _modDef2397 from "module_2397" /* 2397 */;
import UserUtilsDefault from "UserUtils" /* 4482 */;
import Text_Text from "Text/Text" /* 4634 */;
import TableRow from "TableRow" /* 5691 */;
import TableRowGroup from "TableRowGroup" /* 5773 */;
import ActionSheet from "ActionSheet" /* 7307 */;
import FamilyCenterUtils from "FamilyCenterUtils" /* 7702 */;
import noop from "module_19" /* 19 */;
import UserStore from "UserStore" /* 1372 */;

require = fn;
function UserRow(userActivity) {
  userActivity = userActivity.userActivity;
  const user = UserStore.getUser(userActivity.user_id);
  if (null == user) {
    return null;
  } else {
    const topUserOrGuildDescription = FamilyCenterUtils.getTopUserOrGuildDescription(userActivity.dms_sent, userActivity.call_count);
    const obj2 = { label: null, subLabel: null, icon: null };
    obj2.label = UserUtilsDefault.getName(user);
    obj2.subLabel = topUserOrGuildDescription;
    const obj4 = { size: native.AvatarSizes.SMALL, user, guildId: "Array" };
    obj2.icon = React4(native.Avatar, obj4);
    return React4(TableRow.TableRow, obj2);
  }
}
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
const createStyles = fn(4638);
let closure_6 = createStyles.createStyles({ header: { textAlign: "center" } });
const size = fn(2);
const result = size.fileFinishedImporting("modules/parent_tools/native/FamilyCenterTopUsersBottomSheet.tsx");

export default function FamilyCenterTopUsersBottomSheet(topUserActivities) {
  topUserActivities = topUserActivities.topUserActivities;
  const obj = { children: null };
  const obj2 = { variant: "text-md/bold", style: closure_6().header, children: null };
  const intl = util.intl;
  obj2.children = intl.string(_modDef2397.BxbvS7);
  const items = [React4(Text_Text.Text, obj2), ];
  const tmp = closure_6();
  items[1] = React4(TableRowGroup.TableRowGroup, { hasIcons: true, children: topUserActivities.map((userActivity) => closure_1_4(UserRow, { userActivity }, userActivity.user_id)) });
  obj.children = items;
  return hasOwnProperty(ActionSheet.ActionSheet, obj);
};