/* Metro module 7679; source: modules/checkout/native/gifting/SelectedUserField.tsx; dependencies: [31, 27, 33, 4501, 697, 6992, 1244, 3995, 6998, 1305, 4573, 6988, 2] */
function _fun61349(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61349, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7857:6, offset: 0x01b3c09f, size: 495 bytes, params: 8, frame: 23
    var object2;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.Pressable;
    const env0_4 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.container = {marginHorizontal: PX_16};
    object2.content = {'flexDirection': 'row', 'overflow': 'hidden', 'alignItems': 'center', 'display': 'flex'};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.opener = {'flexDirection': 'row', 'alignItems': 'center', 'flex': 1, 'paddingHorizontal': null,
        'paddingVertical': 6, paddingHorizontal: PX_16};
    object2.openerWithClearButton = {paddingRight: 0};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object2.searchIcon = {marginRight: PX_8};
    const object3 = {'flexDirection': 'row', 'alignItems': 'center', 'backgroundColor': null, 'borderRadius': null,
        'paddingVertical': 6, 'paddingHorizontal': 6};
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object3.backgroundColor = BACKGROUND_SURFACE_HIGH;
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    object2.userPill = object3;
    object2.userPillText = {marginLeft: 6};
    const object4 = {'alignItems': 'center', 'justifyContent': 'center', 'minWidth': 44, 'minHeight': 44};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object4.paddingRight = PX_16;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object4.paddingLeft = PX_8;
    object2.clearButton = object4;
    const env0_7 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/checkout/native/gifting/SelectedUserField.tsx');
    exports.default = SelectedUserField;
}

function SelectedUserField({selectedUser, onPress, setSelectedUser}) { // fn#61350, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7857:964, offset: 0x01b3c28e, size: 1026 bytes, params: 2, frame: 39
    var r9;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    var formatToPlainString;
    var property;
    var object;
    var value;
    const styles = useStyles();
    const InputFieldContainer = (require(6992) /* metro dependency 6992: InputFieldContainerNative */).InputFieldContainer;
    const items2 = [styles.opener];
    items2[1] = selectedUser != null && styles.openerWithClearButton;
    const r11 = selectedUser != null ? '' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xFn72s) + ', ' + (importDefault(3995) /* metro dependency 3995: UserUtils */).getName(selectedUser) : '' + intl.string(t.xFn72s) + ', ' + intl.string(t.R0vK0N);
    const MagnifyingGlassIcon = (require(6998) /* metro dependency 6998: MagnifyingGlassIcon */).MagnifyingGlassIcon;
    const pressable = <Pressable style={items2} onPress={onPress} accessibilityRole="button" accessibilityLabel={r11}><MagnifyingGlassIcon style={styles.searchIcon} size="xs" color="interactive-text-default" />{selectedUser != null ? <View style={styles.userPill}>{((Avatar) => <Avatar user={selectedUser} guildId={undefined} size={(require(1305) /* metro dependency 1305: native */).AvatarSizes.XSMALL_20} />)((require(1305) /* metro dependency 1305: native */).Avatar)}<Text variant="text-md/medium" style={styles.userPillText}>{(importDefault(3995) /* metro dependency 3995: UserUtils */).getName(selectedUser)}</Text></View> : <Text variant="text-sm/semibold" color="text-subtle" style={styles.userPillText}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.R0vK0N)}</Text>}</Pressable>;
    if (selectedUser != null) {
        var pressableBindingProps = {style: styles.clearButton, onPress: function() {
            return setSelectedUser(undefined);
        }, accessibilityRole: 'button'};
        formatToPlainString = intl.formatToPlainString;
        property = (require(1244) /* metro dependency 1244: indexNative */).t['0Vb9FQ'];
        object = {};
        value = importDefault(3995) /* metro dependency 3995: UserUtils */;
        object.text = value.getName(selectedUser);
        pressableBindingProps.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [property, object]);
        value = <Pressable {...pressableBindingProps}>{((CircleXIcon) => <CircleXIcon size="xs" />)((require(6988) /* metro dependency 6988: CircleXIcon */).CircleXIcon)}</Pressable>;
        r9 = value;
    } else {
        r9 = null;
    }
    return (
        <View style={styles.container}>
            <InputFieldContainer>
                <View style={styles.content}>
                    {pressable}
                    {r9}
                </View>
            </InputFieldContainer>
        </View>
    );
}