/* Metro module 13405; source: modules/parent_tools/native/FamilyCenterUsernameHeader.tsx; dependencies: [31, 27, 33, 4501, 3995, 4573, 2] */
import UserUtils from '../../../utils/UserUtils.tsx'; /* Metro dependency 3995 */
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 _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});
    ReactModule;
    const env0_6 = (CreateStylesModule).createStyles({container: {justifyContent: 'center'}});
    (FileImportTrackerModule).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 = (UserUtils).useName(user);
        const value4 = ' (@' + (UserUtils).getUserTag(user,
            {decoration: 'never'}) + ')';
        const Text = (TextModule).Text;
        const Text2 = (TextModule).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>
        );
    }

}

global.__d(_fun102020, 13405, [31, 27, 33, 4501, 3995, 4573,
        2]) /* metro module 13405, dependencies: [31, 27, 33, 4501, 3995, 4573, 2] */;