// Module ID: 12560
// Function ID: 12561
// Name: ApplicationIconAndName
// Dependencies: [21, 4481, 709, 1296, 4477, 2]
// Exports: default

// Module 12560 (ApplicationIconAndName)
import set from "set" /* 2 */;
import ThemesDefault from "Themes" /* 709 */;
import Button from "Button" /* 1296 */;
import Text from "Text" /* 4477 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4481 */;

({ 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: ThemesDefault.radii.xs };
  obj[0] = obj;
  return obj;
});
const result = set.fileFinishedImporting("modules/user_profile/native/ApplicationIconAndName.tsx");

export default function ApplicationIconAndName(textVariant) {
  ({ 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(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(Text.Text, obj);
  obj[0] = items;
  return closure_5(closure_4, obj);
};