/* Metro module 7678; source: modules/checkout/native/gifting/LockedRecipientField.tsx; dependencies: [31, 27, 33, 4501, 697, 1305, 4573, 3995, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
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 NativeModule from '../../../../design/void/native.tsx'; /* Metro dependency 1305 */
import * as TextModule from '../../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */

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
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = JsxRuntimeModule;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    const PX_16 = (Native).space.PX_16;
    object.container = {'flexDirection': 'row', 'alignItems': 'center', marginLeft: PX_16};
    const PX_8 = (Native).space.PX_8;
    object.avatar = {marginEnd: PX_8};
    const env0_6 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).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 = (NativeModule).Avatar;
        const AvatarSizes = (NativeModule).AvatarSizes;
        const NORMAL = AvatarSizes.NORMAL;
        const avatar = (
            <Avatar
                style={styles.avatar}
                user={user}
                guildId={undefined}
                size={NORMAL}
            />
        );
        const Text = (TextModule).Text;
        return (
            <View style={styles.container}>
                {avatar}
                <Text variant="text-md/semibold">
                    {(UserUtils).getName(user)}
                </Text>
            </View>
        );
    }

}

global.__d(_fun61347, 7678, [31, 27, 33, 4501, 697, 1305, 4573, 3995,
        2]) /* metro module 7678, dependencies: [31, 27, 33, 4501, 697, 1305, 4573, 3995, 2] */;