// Module ID: 15014
// Function ID: 15015
// Name: FamilyCenterTopServersBottomSheet
// Dependencies: [7647, 21, 4638, 576, 504, 7702, 5691, 5670, 7307, 4634, 1115, 2397, 5773, 2]
// Exports: default

// Module 15014 (FamilyCenterTopServersBottomSheet)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1115 */;
import _modDef2397 from "module_2397" /* 2397 */;
import Text_Text from "Text/Text" /* 4634 */;
import GuildIconDefault from "GuildIcon" /* 5670 */;
import TableRowGroup from "TableRowGroup" /* 5773 */;
import ActionSheet from "ActionSheet" /* 7307 */;
import FamilyCenterStore from "FamilyCenterStore" /* 7647 */;

require = fn;
function GuildRow(guildActivity) {
  guildActivity = guildActivity.guildActivity;
  const tmp = closure_6();
  const items = [FamilyCenterStore];
  const stateFromStores = guildActivity(504).useStateFromStores(items, () => FamilyCenterStore.getGuild(guildActivity.guild_id));
  if (null == stateFromStores) {
    return null;
  } else {
    const topUserOrGuildDescription = tmp2(7702).getTopUserOrGuildDescription(guildActivity.messages_sent, guildActivity.call_count);
    const obj2 = { label: stateFromStores.name, subLabel: topUserOrGuildDescription, icon: null };
    const obj3 = { guild: stateFromStores, style: tmp.guildIcon };
    obj2.icon = closure_4(GuildIconDefault, obj3);
    return closure_4(tmp2(5691).TableRow, obj2);
  }
  const obj = guildActivity(504);
}
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
const createStyles = fn(4638);
let obj2 = { header: { textAlign: "center" }, guildIcon: { borderRadius: nativeDefault.radii.md, borderColor: nativeDefault.colors.BACKGROUND_BASE_LOW, backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOWEST } };
let closure_6 = createStyles.createStyles(obj2);
const size = fn(2);
const result = size.fileFinishedImporting("modules/parent_tools/native/FamilyCenterTopServersBottomSheet.tsx");

export default function FamilyCenterTopGuildsBottomSheet(topGuildActivities) {
  topGuildActivities = topGuildActivities.topGuildActivities;
  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.Lq9Set);
  const items = [React4(Text_Text.Text, obj2), ];
  const tmp = closure_6();
  items[1] = React4(TableRowGroup.TableRowGroup, { hasIcons: true, children: topGuildActivities.map((guildActivity) => closure_1_4(GuildRow, { guildActivity }, guildActivity.guild_id)) });
  obj.children = items;
  return hasOwnProperty(ActionSheet.ActionSheet, obj);
};