/* Metro module 14155; source: modules/settings/native/search/SettingSearchBar.tsx; dependencies: [31, 27, 13172, 33, 4501, 697, 1848, 7006, 6984, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UserSettingSearchStore from '../../../user_settings/UserSettingSearchStore.tsx'; /* Metro dependency 13172 */
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 KeyboardManagerUtilsModule from '../../../../utils/native/KeyboardManagerUtils.tsx'; /* Metro dependency 1848 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SearchFieldNativeModule from '../../../../design/components/TextField/native/SearchField.native.tsx'; /* Metro dependency 6984 */

function _fun107115(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#107115, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14352:6, offset: 0x022f3c97, size: 243 bytes, params: 8, frame: 21
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const createStyles = CreateStylesModule.createStyles;
    const SETTINGS_PADDING_TOP = (Native).modules.mobile.SETTINGS_PADDING_TOP;
    const env0_6 = Reflect.apply(createStyles, CreateStylesModule, [{container: {marginTop: SETTINGS_PADDING_TOP}}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/settings/native/search/SettingSearchBar.tsx');
    exports.default = SettingSearchBar;
    function SettingSearchBar() { // fn#107116, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14352:332, offset: 0x022f3d8a, size: 240 bytes, params: 1, frame: 22
        const styles = useStyles();
        const value2 = ReactModule.useRef(null);
        const value3 = ReactModule.useCallback(_fun107117, []);
        const value4 = ReactModule.useCallback(function() {
            require(dependencyMap[7]).trackSettingSearchInputFocused();
            UserSettingSearchStore.setState({'isActive': true, 'isFocused': true});
        }, []);
        const value5 = ReactModule.useCallback(function() {
            UserSettingSearchStore.setState({isFocused: false});
        }, []);
        const value6 = ReactModule.useCallback(function(a0) {
            UserSettingSearchStore.setState({query: a0});
        }, []);
        const SearchField = (SearchFieldNativeModule).SearchField;
        return (
            <View style={styles.container}>
                <SearchField
                    ref={value2}
                    size="md"
                    onFocus={value4}
                    onBlur={value5}
                    onClear={value3}
                    defaultValue={UserSettingSearchStore.getField('query')}
                    onChange={value6}
                />
            </View>
        );
        function _fun107117() { // fn#107117, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14352:404, offset: 0x022f3e7a, size: 66 bytes, params: 1, frame: 12
            const value = environment.__proto__;
            UserSettingSearchStore.setState({'isActive': false, 'query': '', 'isFocused': false});
            (KeyboardManagerUtilsModule).dismissGlobalKeyboard();
        }

    }

}

global.__d(_fun107115, 14155, [31, 27, 13172, 33, 4501, 697, 1848, 7006, 6984,
        2]) /* metro module 14155, dependencies: [31, 27, 13172, 33, 4501, 697, 1848, 7006, 6984, 2] */;