/* Metro module 7678; source: modules/checkout/native/gifting/LockedRecipientField.tsx; dependencies: [31, 27, 33, 4501, 697, 1305, 4573, 3995, 2] */
function _fun61347(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61347, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7856:6, offset: 0x01b3bec0, size: 270 bytes, params: 8, frame: 22
    var object2;
    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(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.container = {'flexDirection': 'row', 'alignItems': 'center', marginLeft: PX_16};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object2.avatar = {marginEnd: PX_8};
    const env0_6 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/checkout/native/gifting/LockedRecipientField.tsx');
    exports.default = LockedRecipientField;
}

function LockedRecipientField({user}) { // fn#61348, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7856:393, offset: 0x01b3bfce, size: 209 bytes, params: 2, frame: 22
    const styles = useStyles();
    const Avatar = (require(1305) /* metro dependency 1305: native */).Avatar;
    const AvatarSizes = (require(1305) /* metro dependency 1305: native */).AvatarSizes;
    const NORMAL = AvatarSizes.NORMAL;
    const avatar = <Avatar style={styles.avatar} user={user} guildId={undefined} size={NORMAL} />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.container}>
            {avatar}
            <Text variant="text-md/semibold">
                {(importDefault(3995) /* metro dependency 3995: UserUtils */).getName(user)}
            </Text>
        </View>
    );
}