/* Metro module 11025; source: design/void/RoleLabel/native/RoleLabel.tsx; dependencies: [31, 27, 4502, 33, 4501, 566, 1305, 7972, 2] */
function _fun84436(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84436, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11211:6, offset: 0x01f4a33f, size: 238 bytes, params: 8, frame: 20
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    const accessibilityStore = importDefault(4502) /* metro dependency 4502: AccessibilityStore */;
    const value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'display': 'flex',
        'flexDirection': 'row'}, roleDot: {marginRight: 4}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/RoleLabel/native/RoleLabel.tsx');
    exports.RoleLabel = RoleLabel;
}

function RoleLabel({name, color, colors}) { // fn#84437, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11211:341, offset: 0x01f4a42d, size: 280 bytes, params: 2, frame: 24
    const styles = useStyles();
    const roleStyle = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
        function() {
        return AccessibilityStore.roleStyle;
    });
    const r9 = roleStyle === 'username' && color != null ? {color: color} : {};
    const r6 = roleStyle === 'dot' && color != null && ((RoleDot) => <RoleDot color={color} colors={colors} containerStyles={styles.roleDot} />)((require(1305) /* metro dependency 1305: native */).RoleDot);
    const FormLabel = (require(7972) /* metro dependency 7972: native */).FormLabel;
    return (
        <View style={styles.container}>
            {r6}
            <FormLabel style={r9} text={name} />
        </View>
    );
}