/* Metro module 14700; source: modules/guild_sidebar/native/ChannelItemEmbeddedActivities.tsx; dependencies: [31, 27, 33, 4501, 697, 6780, 4573, 2] */
function _fun110885(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110885, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14897:6, offset: 0x0238b04e, size: 328 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object = {'backgroundColor': null, 'borderRadius': null, 'display': 'flex', 'alignItems': 'center',
        'justifyContent': 'center'};
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object.backgroundColor = BACKGROUND_BASE_LOWEST;
    object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const env0_6 = Reflect.apply(createStyles, value, [{overflow: {'lineHeight': 16, 'textAlign': 'center',
        'textAlignVertical': 'center', 'padding': 4}, overflowContainer: object, container: {'display': 'flex',
        'flexDirection': 'row'}, modeMuted: {opacity: 0.3}}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/guild_sidebar/native/ChannelItemEmbeddedActivities.tsx');
    exports.default = ChannelItemEmbeddedActivities;
}

function ChannelItemEmbeddedActivities({embeddedApps, size = require(dependencyMap[5]).GameIconSizes.SIZE_24, muted}) { // fn#110886, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14897:592, offset: 0x0238b196, size: 507 bytes, params: 2, frame: 30
    var r11;
    var value;
    const styles = useStyles();
    if (embeddedApps.length <= 0) {
        return null;
    }
    if (embeddedApps.length === 1) {
        return ((Component) => <Component game={embeddedApps[0].application} size={size} style={muted && styles.modeMuted} />)(importDefault(6780) /* metro dependency 6780: GameIcon */);
    }
    const application = embeddedApps[0].application;
    const application2 = embeddedApps[1].application;
    const value2 = embeddedApps.length - 1;
    const GameIconImageSize = (require(6780) /* metro dependency 6780: GameIcon */).GameIconImageSize;
    const property = GameIconImageSize[size];
    const value3 = ((Component) => <Component game={application} size={size} style={{marginRight: 4}} />)(importDefault(6780) /* metro dependency 6780: GameIcon */);
    if (embeddedApps.length === 2) {
        value = importDefault(6780) /* metro dependency 6780: GameIcon */;
        value = ((Component) => <Component game={application2} size={size} />)(value);
        r11 = value;
    } else {
        r11 = <View style={[styles.overflowContainer, {height: property,
            minWidth: property}]}>{((Text) => <Text style={styles.overflow} variant="text-xs/bold">{'+' + value2}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}</View>;
    }
    return (
        <View style={styles.container}>
            {value3}
            {r11}
        </View>
    );
}