// Module ID: 11735
// Function ID: 11736
// Name: ApplicationIconAndName
// Dependencies: [21, 4193, 712, 1297, 4189, 2]
// Exports: default

// Module 11735 (ApplicationIconAndName)
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c3;
let c4;
let c5;
({ jsx: c3, Fragment: c4, jsxs: c5 } = jsxProd);
let closure_6 = createCacheKey.createStyles((width) => {
  let obj = { gameIcon: null };
  obj = { width, height: width, marginTop: -1, marginRight: 4, borderRadius: importDefault(712).radii.xs };
  obj[0] = obj;
  return obj;
});
const result = require("Themes").fileFinishedImporting("modules/user_profile/native/ApplicationIconAndName.tsx");

export default function ApplicationIconAndName(textVariant) {
  let application;
  let iconSize;
  let useComma;
  ({ application, iconSize, useComma } = textVariant);
  if (useComma === undefined) {
    useComma = false;
  }
  let obj = { style: callback(iconSize).gameIcon, resizeMode: "contain", source: null, disableColor: true };
  let str = application.getIconURL(iconSize);
  if (str == null) {
    str = "";
  }
  obj[2] = { uri: str };
  const items = [closure_3(require(1297) /* Button */.Icon, obj, application.id), ];
  obj = { variant: textVariant.textVariant, children: null };
  let str2 = "";
  if (useComma) {
    str2 = ", ";
  }
  obj = { children: null };
  obj[1] = "" + application.name + str2;
  items[1] = closure_3(require(4189) /* Text */.Text, obj);
  obj[0] = items;
  return closure_5(closure_4, obj);
};