// Module ID: 12658
// Function ID: 12659
// Name: ApplicationIconAndName
// Dependencies: [21, 4574, 576, 1178, 4570, 2]
// Exports: default

// Module 12658 (ApplicationIconAndName)
import nativeDefault from "native" /* 576 */;
import native from "native" /* 1178 */;
import Text_Text from "Text/Text" /* 4570 */;
import jsxProd from "jsxProd" /* 21 */;
import createStyles from "createStyles" /* 4574 */;
import size from "module_2" /* 2 */;

({ jsx: c3, Fragment: closure_4, jsxs: hasOwnProperty } = jsxProd);
let closure_6 = createStyles.createStyles((width) => {
  const obj = { gameIcon: null };
  const size = { width, height: width, marginTop: -1, marginRight: 4, borderRadius: nativeDefault.radii.xs };
  obj.gameIcon = size;
  return obj;
});
const result = size.fileFinishedImporting("modules/user_profile/native/ApplicationIconAndName.tsx");

export default function ApplicationIconAndName(textVariant) {
  ({ application, iconSize, useComma } = textVariant);
  if (useComma === undefined) {
    useComma = false;
  }
  const obj = { style: closure_6(iconSize).gameIcon, resizeMode: "contain", source: null, disableColor: true };
  let str = application.getIconURL(iconSize);
  if (str == null) {
    str = "";
  }
  obj.source = { uri: str };
  const items = [React3(native.Icon, obj, application.id), ];
  const obj2 = { variant: textVariant.textVariant, children: null };
  let str2 = "";
  if (useComma) {
    str2 = ", ";
  }
  const obj3 = { children: null };
  obj2.children = "" + application.name + str2;
  items[1] = React3(Text_Text.Text, obj2);
  obj3.children = items;
  return hasOwnProperty(React4, obj3);
};