/* Metro module 12378; source: modules/markup/native/MarkupReactGameMentionRule.tsx; dependencies: [31, 33, 4501, 697, 1244, 4599, 10219, 5475, 9959, 9963, 4573, 2] */
function _fun94324(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#94324, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12564:6, offset: 0x02113b6f, size: 312 bytes, params: 8, frame: 23
    var object4;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsxs;
    const env0_4 = value.jsx;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object4 = {};
    const object5 = {'width': 16, 'height': 16, 'borderRadius': null, 'marginRight': 2};
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object4.icon = object5;
    const object6 = {};
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object6.backgroundColor = BORDER_SUBTLE;
    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object6.paddingHorizontal = 2;
    object4.chip = object6;
    const BRAND_500 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BRAND_500;
    object4.chipText = {color: BRAND_500};
    const env0_5 = Reflect.apply(createStyles, value, [object4]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/markup/native/MarkupReactGameMentionRule.tsx');
    exports.default = MarkupGameMention;
}

function MarkupGameMention({node, state}) { // fn#94325, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12564:478, offset: 0x02113ca7, size: 543 bytes, params: 2, frame: 24
    var r7;
    const MarkupText = (require(4599) /* metro dependency 4599: MarkupReactRulesNative */).MarkupText;
    var object2;
    var unknownGameIcon;
    var noStyleAndInteraction;
    const styles = useStyles();
    const env0_1 = node.gameId;
    const gameName = node.gameName;
    const icon = node.icon;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const value3 = intl.string((require(1244) /* metro dependency 1244: indexNative */).t['11pdXZ']);
    let r1 = gameName != null && gameName !== '';
    if (r1) {
        const UnknownGameIcon = (require(10219) /* metro dependency 10219: UnknownGameIcon */).UnknownGameIcon;
        unknownGameIcon = <UnknownGameIcon size="sm" style={styles.icon} />;
        r1 = icon != null && icon !== '';
        r7 = r1 ? ((Component) => <Component style={styles.icon} source={{uri: icon}} />)(importDefault(5475) /* metro dependency 5475: FastImage */) : unknownGameIcon;
        object2 = {};
        noStyleAndInteraction = state.noStyleAndInteraction;
        object2.accessibilityRole = noStyleAndInteraction ? 'text' : 'button';
        object2.style = styles.chip;
        object2.color = state?.textColor;
        noStyleAndInteraction = state.noStyleAndInteraction;
        object2.onPress = noStyleAndInteraction ? undefined : function() {
            var defaultImport = importDefault(dependencyMap[8]);
            var object = {};
            var gameIdBinding = gameId;
            object.gameId = gameIdBinding;
            object.gameProfileModalChecks = {shouldOpenGameProfile: true, gameId: gameIdBinding};
            object.source = require(dependencyMap[9]).GameProfileSources.GameMention;
            object.sourceUserId = state.authorId;
            defaultImport.openGameProfileModal(object);
        };
        return (
            <MarkupText {...object2} key={state.key}>
                {r7}
                {((Text) => <Text variant="text-sm/medium" style={styles.chipText}>{r1 ? gameName : value3}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
            </MarkupText>
        );
    }
    return (
        <MarkupText color={state?.textColor} key={state.key}>
            {'@'}
            {value3}
        </MarkupText>
    );
}