/* Metro module 14540; source: modules/guild_sidebar/native/VoiceChannelUserLimit.tsx; dependencies: [31, 27, 33, 4501, 697, 1305, 12111, 4573, 2] */
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 CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */

function _fun110002(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110002, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14737:6, offset: 0x023653e0, size: 486 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactModule;
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    const VOICE_CHANNEL_USER_LIMIT_ICON = (importDefault(697) /* metro dependency 697: native */).colors.VOICE_CHANNEL_USER_LIMIT_ICON;
    object.videoIcon = {'height': 16, 'width': 16, 'marginRight': 4, tintColor: VOICE_CHANNEL_USER_LIMIT_ICON};
    const object3 = {'backgroundColor': null, 'alignItems': 'center', 'flexDirection': 'row', 'borderRadius': 10,
        'borderWidth': null, 'borderColor': null, 'overflow': 'hidden'};
    let VOICE_CHANNEL_USER_LIMIT_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.VOICE_CHANNEL_USER_LIMIT_BACKGROUND;
    object3.backgroundColor = VOICE_CHANNEL_USER_LIMIT_BACKGROUND;
    const VOICE_CHANNEL_USER_LIMIT_BORDER_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.VOICE_CHANNEL_USER_LIMIT_BORDER_WIDTH;
    object3.borderWidth = VOICE_CHANNEL_USER_LIMIT_BORDER_WIDTH;
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object3.borderColor = BORDER_SUBTLE;
    object.wrapper = object3;
    VOICE_CHANNEL_USER_LIMIT_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.VOICE_CHANNEL_USER_LIMIT_BACKGROUND;
    object.left = {'height': 20, 'flexDirection': 'row', 'paddingLeft': 6, 'alignItems': 'center',
        'justifyContent': 'center', backgroundColor: VOICE_CHANNEL_USER_LIMIT_BACKGROUND};
    let VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND;
    object.mid = {'borderTopWidth': 20, 'borderBottomWidth': 0, 'borderTopColor': 'transparent',
        'borderBottomColor': 'transparent', 'borderRightWidth': 6, 'borderRightColor': null, 'paddingRight': 2,
        borderRightColor: VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND};
    VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND;
    object.right = {'height': 20, 'flexDirection': 'row', 'paddingRight': 6, 'paddingLeft': 2, 'alignItems': 'center',
        'justifyContent': 'center', backgroundColor: VOICE_CHANNEL_USER_LIMIT_ACCENT_BACKGROUND};
    const env0_6 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    value = value.memo(VoiceChannelUserLimit);
    (FileImportTrackerModule).fileFinishedImporting('modules/guild_sidebar/native/VoiceChannelUserLimit.tsx');
    exports.default = value;
    function VoiceChannelUserLimit({users, total, videoLimit}) { // fn#110003, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14737:1114, offset: 0x023655c6, size: 402 bytes, params: 2, frame: 28
        const styles = useStyles();
        const r7 = (
            videoLimit
                ? ((Icon) => <Icon source={importDefault(12111) /* metro dependency 12111 */} size={(require(1305) /* metro dependency 1305: native */).Icon.Sizes.REFRESH_SMALL_16} style={styles.videoIcon} />)((require(1305) /* metro dependency 1305: native */).Icon)
                : null
        );
        const Text = (TextModule).Text;
        const items2 = [
            <View style={styles.left}>
                {r7}
                <Text
                    variant="text-xs/medium"
                    lineClamp={1}
                    color="voice-channel-user-limit-text"
                >
                    {users.toString().padStart(2, '0')}
                </Text>
            </View>,
        ];
        items2[1] = <View style={styles.mid} />;
        items2[2] = (
            <View style={styles.right}>
                <Text
                    variant="text-xs/medium"
                    lineClamp={1}
                    color="voice-channel-user-limit-text"
                >
                    {total.toString().padStart(2, '0')}
                </Text>
            </View>
        );
        return (
            <View style={styles.wrapper}>
                {items2}
            </View>
        );
    }

}

global.__d(_fun110002, 14540, [31, 27, 33, 4501, 697, 1305, 12111, 4573,
        2]) /* metro module 14540, dependencies: [31, 27, 33, 4501, 697, 1305, 12111, 4573, 2] */;