// Module ID: 12736
// Function ID: 12737
// Name: UserProfileGameFriendsCard
// Dependencies: [19, 21, 4478, 5967, 1233, 12390, 6008, 4474, 2]
// Exports: default

// Module 12736 (UserProfileGameFriendsCard)
import noopAll from "noop" /* 19 */;
import useGetOrFetchApplicationsDefault from "useGetOrFetchApplications" /* 5967 */;
import UserProfileCardDefault from "UserProfileCard" /* 6008 */;
import { jsx } from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4478 */;

const require = arg1;
noopAll;
let closure_4 = createCacheKey.createStyles({ card: { flexDirection: "column" } });
const result = require("set").fileFinishedImporting("modules/user_profile/native/UserProfileGameFriendsCard.tsx");

export default function UserProfileGameFriendsCard(arg0) {
  let found;
  importDefault = undefined;
  dependencyMap = undefined;
  jsx = undefined;
  ({ applicationIds, style } = arg0);
  const tmp = callback();
  const tmp2 = importDefault;
  found = useGetOrFetchApplicationsDefault(applicationIds).filter((arg0) => null != arg0);
  if (0 === found.length) {
    return null;
  } else {
    importDefault = "text-md/normal";
    if (1 === found.length) {
      const intl2 = found(1233).intl;
      let obj = { applicationName: null };
      obj[0] = function applicationName() {
        return lib(textmdnormal(12390), { application: found[0], textVariant: textmdnormal, iconSize: 16 }, found[0].id);
      };
      let formatResult = intl2.format(found(1233).t.wQ6urw, obj);
      let tmp6 = found;
    } else if (2 === found.length) {
      const intl = found(1233).intl;
      obj = { applicationName: null, applicationName2: null };
      obj[0] = function applicationName() {
        return lib(textmdnormal(12390), { application: found[0], textVariant: textmdnormal, iconSize: 16 }, found[0].id);
      };
      obj[1] = function applicationName2() {
        return lib(textmdnormal(12390), { application: found[1], textVariant: textmdnormal, iconSize: 16 }, found[1].id);
      };
      formatResult = intl.format(found(1233).t.C98CSN, obj);
      tmp6 = found;
    } else {
      dependencyMap = found[found.length - 1];
      jsx = found.slice(0, -1);
      const intl4 = found(1233).intl;
      obj = { applications: null, applicationNameLast: null };
      obj[0] = function applications(arg0) {
        return lib.map((application) => closure_1_3(closure_1_1(closure_1_2[5]), { application, useComma: true, textVariant: closure_1, iconSize: 16 }, application.id));
      };
      obj[1] = function applicationNameLast() {
        return lib(textmdnormal(12390), { application: dependencyMap, textVariant: textmdnormal, iconSize: 16 });
      };
      formatResult = intl4.format(found(1233).t.UxpwAh, obj);
      tmp6 = found;
    }
    obj1 = { style: null, title: null, children: null };
    const items = [tmp.card, style];
    obj1[0] = items;
    const intl3 = tmp6(1233).intl;
    obj1[1] = intl3.string(tmp6(1233).t["Uv/eTx"]);
    const obj2 = { variant: "text-md/normal", color: "text-default", children: null };
    obj2[2] = formatResult;
    obj1[2] = jsx(tmp6(4474).Text, { variant: "text-md/normal", color: "text-default", children: null });
    return jsx(UserProfileCardDefault, { style: null, title: null, children: null });
  }
  const arr = useGetOrFetchApplicationsDefault(applicationIds);
};