/* Metro module 11025; source: design/void/RoleLabel/native/RoleLabel.tsx; dependencies: [31, 27, 4502, 33, 4501, 566, 1305, 7972, 2] */
import AccessibilityStore from '../../../../modules/a11y/AccessibilityStore.tsx'; /* Metro dependency 4502 */
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 '../../../components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as NativeModule from '../../Form/native/index.tsx'; /* Metro dependency 7972 */

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});
    ReactModule;
    const env0_6 = (CreateStylesModule).createStyles({container: {'display': 'flex',
        'flexDirection': 'row'}, roleDot: {marginRight: 4}});
    (FileImportTrackerModule).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 = (NativeModule).FormLabel;
        return (
            <View style={styles.container}>
                {r6}
                <FormLabel style={r9} text={name} />
            </View>
        );
    }

}

global.__d(_fun84436, 11025, [31, 27, 4502, 33, 4501, 566, 1305, 7972,
        2]) /* metro module 11025, dependencies: [31, 27, 4502, 33, 4501, 566, 1305, 7972, 2] */;