// Metro module 12985 (f12986).
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { intl, t } from "../../../intl/index.native";
import { MarkupText } from "../MarkupReactRules.native";
import { UnknownGameIcon } from "../../../design/components/Icon/native/redesign/generated/UnknownGameIcon";
import FastImage from "../../../components_native/common/FastImage";
import GameProfileActionCreators_native from "../../game_profile/GameProfileActionCreators.native";
import { GameProfileSources } from "../../game_profile/GameProfileAnalyticUtils";
import { Text } from "../../../design/components/Text/native/Text";
const useStyles = createStyles({
  icon: {
    width: 16,
    height: 16,
    borderRadius: Module712.radii.xs,
    marginRight: 2
  },
  chip: {
    backgroundColor: Module712.colors.BORDER_SUBTLE,
    borderRadius: Module712.radii.xs,
    paddingHorizontal: 2
  },
  chipText: {
    color: Module712.unsafe_rawColors.BRAND_500
  }
});
export default function MarkupGameMention(props) {
  const { node, state } = props;
  const styles = useStyles();
  const { gameId, gameName, icon } = node;
  const r14 = intl.string(t["11pdXZ"]);
  const r0 = gameName != null && gameName !== "";
  const r12 = r0 ? gameName : r14;
  if (r0) {
    const r43 = <UnknownGameIcon size="sm" style={styles.icon} />;
    return <MarkupText key={state.key} accessibilityRole={state.noStyleAndInteraction ? "text" : "button"} style={styles.chip} color={state?.textColor} onPress={state.noStyleAndInteraction ? void 0 : function() {
      GameProfileActionCreators_native.openGameProfileModal({
        gameId,
        gameProfileModalChecks: {
          shouldOpenGameProfile: true,
          gameId
        },
        source: GameProfileSources.GameMention,
        sourceUserId: state.authorId
      });
    }}>
      {icon != null && icon !== "" ? <FastImage style={styles.icon} source={{
        uri: icon
      }} /> : r43}
      <Text variant="text-sm/medium" style={styles.chipText}>{r12}</Text>
    </MarkupText>;
  }
  return <MarkupText key={state.key} color={state?.textColor}>
    @
    {r14}
  </MarkupText>;
};