/* Metro module 12144; source: modules/instant_invite/native/InviteRolesDisplay.tsx; dependencies: [31, 27, 1938, 33, 4501, 566, 4573, 1244, 11428, 2] */
import GuildRoleStore from '../../../stores/GuildRoleStore.tsx'; /* Metro dependency 1938 */
import RolePill from '../../../components_native/common/RolePill.tsx'; /* Metro dependency 11428 */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as FluxModule from '../../../external/discord_common/js/packages/flux/index.tsx'; /* Metro dependency 566 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

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});
    ReactModule;
    const env0_7 = (CreateStylesModule).createStyles({container: {marginTop: 8},
        label: {marginBottom: 4}, rolesRow: {'flexDirection': 'row', 'flexWrap': 'wrap'}});
    (FileImportTrackerModule).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 = (FluxModule).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} />)(RolePill);
        }

    }

}

global.__d(_fun93199, 12144, [31, 27, 1938, 33, 4501, 566, 4573, 1244, 11428,
        2]) /* metro module 12144, dependencies: [31, 27, 1938, 33, 4501, 566, 4573, 1244, 11428, 2] */;