/* Metro module 13405; source: modules/parent_tools/native/FamilyCenterUsernameHeader.tsx; dependencies: [31, 27, 33, 4501, 3995, 4573, 2] */
function _fun102020(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102020, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13595:6, offset: 0x022286b1, size: 210 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_3 = (require(27) /* metro dependency 27 */).View;
    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: {justifyContent: 'center'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterUsernameHeader.tsx');
    exports.default = FamilyCenterUsernameHeader;
}

function FamilyCenterUsernameHeader({user}) { // fn#102021, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13595:310, offset: 0x02228783, size: 247 bytes, params: 2, frame: 22
    const styles = useStyles();
    const value2 = (importDefault(3995) /* metro dependency 3995: UserUtils */).useName(user);
    const value4 = ' (@' + (importDefault(3995) /* metro dependency 3995: UserUtils */).getUserTag(user,
        {decoration: 'never'}) + ')';
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.container}>
            <Text
                variant="text-md/semibold"
                color="mobile-text-heading-primary"
                lineClamp={1}
            >
                {value2}
                <Text2
                    variant="text-md/medium"
                    color="text-muted"
                    lineClamp={1}
                >
                    {value4}
                </Text2>
            </Text>
        </View>
    );
}