// Metro module 11721 (f11722).
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { Icon } from "../../../design/void/native";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles((a0) => ({
  gameIcon: {
    width: a0,
    height: a0,
    marginTop: -1,
    marginRight: 4,
    borderRadius: Module712.radii.xs
  }
}));
export default function ApplicationIconAndName(props) {
  const { application, textVariant, iconSize, useComma = false } = props;
  const styles = useStyles(iconSize);
  let uri = application.getIconURL(iconSize);
  if (uri == null) {
    uri = "";
  }
  return <>
    {[<Icon key={application.id} style={styles.gameIcon} resizeMode="contain" source={{
      uri
    }} disableColor />, <Text variant={textVariant}>
      {`${application.name}${useComma ? ", " : ""}`}
    </Text>]}
  </>;
};