/* Metro module 11428; source: components_native/common/RolePill.tsx; dependencies: [31, 27, 661, 33, 4501, 697, 3829, 6793, 6797, 3856, 5278, 6812, 4573, 2] */
function _fun87482(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#87482, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11614:6, offset: 0x01fc0337, size: 466 bytes, params: 8, frame: 23
    var object6;
    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(661) /* metro dependency 661: Constants */;
    const env0_4 = value.EMPTY_STRING_SNOWFLAKE_ID;
    const env0_5 = value.MAX_VISUAL_ROLE_LENGTH;
    value = require(33) /* metro dependency 33 */;
    const env0_6 = value.jsx;
    const env0_7 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object6 = {};
    const object7 = {'marginRight': 4, 'marginBottom': 4};
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object6.container = object7;
    const object8 = {'flexDirection': 'row', 'alignItems': 'center', 'paddingHorizontal': 8, 'paddingVertical': 6};
    object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object8.backgroundColor = BACKGROUND_BASE_LOWEST;
    object6.pill = object8;
    const object9 = {'marginRight': 8, 'borderRadius': null, 'height': 12, 'width': 12};
    object9.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    const ICON_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.ICON_MUTED;
    object9.backgroundColor = ICON_MUTED;
    object6.bubble = object9;
    const object10 = {'marginRight': 8, 'borderRadius': null, 'height': 12, 'width': 12};
    object10.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    object6.verifiedContainer = object10;
    object6.roleIcon = {paddingRight: 4};
    const env0_8 = Reflect.apply(createStyles, value, [object6]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('components_native/common/RolePill.tsx');
    exports.default = RolePill;
}

function RolePill({role, guildId, disableInteraction, color}) { // fn#87483, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11614:708, offset: 0x01fc0509, size: 616 bytes, params: 2, frame: 33
    var object2;
    var r18;
    var r10;
    var VerifiedRoleIcon;
    const DeveloperMode = (require(3829) /* metro dependency 3829: UserSettings */).DeveloperMode;
    const value3 = DeveloperMode.useSetting();
    const value4 = (require(6793) /* metro dependency 6793: RoleIconUtils */).useRoleIcon({guildId: guildId,
        roleId: role.id, size: 12});
    const r11 = role.name.length > MAX_VISUAL_ROLE_LENGTH ? '' + role.name.slice(0,
        MAX_VISUAL_ROLE_LENGTH) + '...' : role.name;
    const r19 = color ?? role.colorString;
    const guild_connections = role.tags?.guild_connections;
    const styles = useStyles();
    const PressableHighlight = (require(5278) /* metro dependency 5278: Pressables */).PressableHighlight;
    object2 = {disabled: value3 ? disableInteraction : !value3, style: styles.container, onPress: onPress_87484,
        accessible: false};
    if (guild_connections !== undefined) {
        VerifiedRoleIcon = importDefault(6812) /* metro dependency 6812: VerifiedRoleIcon */;
        var defaultImportProps = {style: styles.verifiedContainer, roleId: role.id};
        r18 = guildId ?? EMPTY_STRING_SNOWFLAKE_ID;
        defaultImportProps.guildId = r18;
        r18 = r19 ?? undefined;
        defaultImportProps.roleColor = r18;
        defaultImportProps.size = 14;
        defaultImportProps.displayRoleIcon = false;
        r10 = <VerifiedRoleIcon {...defaultImportProps} />;
    } else {
        r10 = <View style={[styles.bubble, r19 != null ? {backgroundColor: r19} : {}]} />;
    }
    const r9 = value4 != null ? <View style={styles.roleIcon}>{value4}</View> : null;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <PressableHighlight {...object2}>
            <View style={styles.pill}>
                {r10}
                {r9}
                <Text variant="text-xs/semibold" color="interactive-text-active">
                    {r11}
                </Text>
            </View>
        </PressableHighlight>
    );
}

function RolePillOnPress() { // fn#87484, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11614:1101, owner: RolePill.onPress, offset: 0x01fc0771, size: 77 bytes, params: 1, frame: 15
    let value = environment.__proto__;
    value = require(6797) /* metro dependency 6797: ClipboardUtilsNative */;
    value.copy(role.id);
    value = require(3856) /* metro dependency 3856: ToastUtils */;
    value.roleIdCopied(name);
}