/* Metro module 11037; source: modules/gif_picker/native/GIFPickerHeader.tsx; dependencies: [31, 27, 661, 33, 4501, 697, 6993, 9816, 11038, 6984, 5278, 1244, 11039, 4573, 2] */
function _fun84496(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84496, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11223:6, offset: 0x01f4cdcc, size: 385 bytes, params: 8, frame: 25
    var object2;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    const env0_4 = (require(661) /* metro dependency 661: Constants */).GIFPickerResultTypes;
    const value2 = require(33) /* metro dependency 33 */;
    const env0_5 = value2.jsx;
    const env0_6 = value2.jsxs;
    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = createStylesModule.createStyles;
    object2 = {};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object2.container = {paddingVertical: PX_8};
    const object4 = {'borderWidth': 1, 'borderColor': 'transparent', 'paddingHorizontal': null, 'height': null,
        'flexDirection': 'row', 'alignItems': 'center'};
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object4.paddingHorizontal = PX_8;
    const InputHeights = (require(6993) /* metro dependency 6993: InputTypesNative */).InputHeights;
    const MD = InputHeights.MD;
    const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object4.height = MD + PX_4 / 2;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object4.gap = PX_8;
    object2.header = object4;
    const env0_7 = Reflect.apply(createStyles, createStylesModule, [object2]);
    value = value.memo(GIFPickerHeader);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/gif_picker/native/GIFPickerHeader.tsx');
    exports.default = value;
}

function GIFPickerHeader({categoryType, onQueryClear, onQueryChange, searchInputRef}) { // fn#84497, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11223:467, offset: 0x01f4cf4d, size: 696 bytes, params: 2, frame: 32
    var r4;
    var PressableOpacity;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    var formatToPlainString;
    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
    var UTypEu;
    var object;
    var items2;
    const styles = useStyles();
    const searchPlaceholder = (require(11038) /* metro dependency 11038: GifPickerUtils */).getSearchPlaceholder((require(9816) /* metro dependency 9816: GifProviderConfig */).getProviderForAPIRequest());
    const SEARCH = GIFPickerResultTypes.SEARCH;
    if (categoryType === SEARCH) {
        const SearchField = (require(6984) /* metro dependency 6984: SearchFieldNative */).SearchField;
        r4 = <SearchField size="md" onChange={onQueryChange} placeholder={searchPlaceholder} onClear={onQueryClear} ref={searchInputRef} isRound />;
    } else {
        PressableOpacity = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
        var pressableOpacityProps = {style: styles.header, accessibilityRole: 'button', onPress: onQueryClear};
        formatToPlainString = intl.formatToPlainString;
        UTypEu = t.UTypEu;
        object = {};
        object.destination = (require(1244) /* metro dependency 1244: indexNative */).intl.string(t.ffgJrs);
        pressableOpacityProps.accessibilityLabel = Reflect.apply(formatToPlainString, intl, [UTypEu, object]);
        items2 = [((ChevronLargeLeftIcon) => <ChevronLargeLeftIcon color={(importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE} size="sm" />)((require(11039) /* metro dependency 11039: ChevronLargeLeftIcon */).ChevronLargeLeftIcon)];
        items2[1] = ((Text) => <Text variant="text-sm/semibold" color="text-default" maxFontSizeMultiplier={2}>{categoryType === GIFPickerResultTypes.TRENDING_GIFS ? intl.string((require(1244) /* metro dependency 1244: indexNative */).t.TsWCdW) : categoryType === GIFPickerResultTypes.FAVORITES ? intl.string((require(1244) /* metro dependency 1244: indexNative */).t.k8fFjp) : intl.string((require(1244) /* metro dependency 1244: indexNative */).t['5h0QOP'])}</Text>)((require(4573) /* metro dependency 4573: Text */).Text);
        r4 = <PressableOpacity {...pressableOpacityProps}>{items2}</PressableOpacity>;
    }
    return (
        <View style={styles.container}>
            {r4}
        </View>
    );
}