/* Metro module 12144; source: modules/instant_invite/native/InviteRolesDisplay.tsx; dependencies: [31, 27, 1938, 33, 4501, 566, 4573, 1244, 11428, 2] */
function _fun93199(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#93199, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12330:6, offset: 0x020aa953, size: 254 bytes, params: 8, frame: 21
    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;
    const guildRoleStore = importDefault(1938) /* metro dependency 1938: GuildRoleStore */;
    const value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    const env0_7 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {marginTop: 8},
        label: {marginBottom: 4}, rolesRow: {'flexDirection': 'row', 'flexWrap': 'wrap'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/instant_invite/native/InviteRolesDisplay.tsx');
    exports.default = InviteRolesDisplay;
}

function InviteRolesDisplay({roleIds, guildId}) { // fn#93200, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12330:372, offset: 0x020aaa51, size: 308 bytes, params: 2, frame: 26
    var r0;
    var Text;
    var intl;
    var value;
    const styles = useStyles();
    const value2 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([GuildRoleStore], _fun93201,
        [roleIds, guildId]);
    if (value2.length === 0) {
        r0 = null;
    } else {
        var viewBindingProps = {style: styles.container};
        Text = (require(4573) /* metro dependency 4573: Text */).Text;
        var textProps = {'variant': 'text-xs/semibold', 'color': 'text-muted', style: styles.label};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        value = <Text {...textProps}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.stcSfI)}</Text>;
        value = <View {...viewBindingProps}>{value}<View style={styles.rolesRow}>{value2.map(_fun93204)}</View></View>;
        r0 = value;
    }
    return r0;
}

function _fun93201() { // fn#93201, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12330:472, offset: 0x020aab85, size: 45 bytes, params: 1, frame: 12
    return roleIds.map(function(a0) {
        return GuildRoleStore.getRole(guildId, a0);
    }).filter(function(a0) {
        return a0 != null;
    });
}

function _fun93204(a0) { // fn#93204, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12330:753, offset: 0x020aabd1, size: 64 bytes, params: 2, frame: 16
    const value = environment.__proto__;
    return ((Component) => <Component role={a0} guildId={guildId} key={a0.id} />)(importDefault(11428) /* metro dependency 11428: RolePill */);
}