/* Metro module 11036; source: modules/gif_picker/native/GIFPickerSearchSuggestions.tsx; dependencies: [31, 27, 9815, 33, 4501, 697, 566, 4573, 1244, 4578, 2] */
function _fun84491(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84491, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11222:6, offset: 0x01f4cacb, size: 346 bytes, params: 8, frame: 24
    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 gifPickerViewStore = importDefault(9815) /* metro dependency 9815: GIFPickerViewStore */;
    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 = {};
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object2.suggestionsContainer = {'justifyContent': 'center', 'flexDirection': 'row', 'flexWrap': 'wrap', gap: PX_8};
    let PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.footerSuggestionsContainer = {justifyContent: 'flex-start', paddingVertical: PX_16};
    PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object2.footerSuggestionsTitle = {marginBottom: PX_16, textAlign: 'center'};
    const env0_7 = Reflect.apply(createStyles, createStylesModule, [object2]);
    value = value.memo(GIFPickerSearchSuggestions);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/gif_picker/native/GIFPickerSearchSuggestions.tsx');
    exports.default = value;
}

function GIFPickerSearchSuggestions({onClickSuggestion}) { // fn#84492, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11222:474, offset: 0x01f4cc25, size: 292 bytes, params: 2, frame: 25
    var r0;
    var Text;
    var intl;
    var value;
    const styles = useStyles();
    const value2 = (require(566) /* metro dependency 566: flux */).useStateFromStoresArray([GIFPickerViewStore],
        function() {
        return GIFPickerViewStore.getSuggestions();
    });
    if (value2.length === 0) {
        r0 = null;
    } else {
        var viewBindingProps = {style: styles.footerSuggestionsContainer};
        Text = (require(4573) /* metro dependency 4573: Text */).Text;
        var textProps = {'style': null, 'variant': 'text-md/medium', 'color': 'text-default',
            style: styles.footerSuggestionsTitle};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        value = <Text {...textProps}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t['3JGJo2'])}</Text>;
        value = <View {...viewBindingProps}>{value}<View style={styles.suggestionsContainer}>{value2.map(_fun84494)}</View></View>;
        r0 = value;
    }
    return r0;
}

function _fun84494(a0) { // fn#84494, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11222:877, offset: 0x01f4cd5c, size: 112 bytes, params: 2, frame: 19
    const env0_0 = a0;
    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    return (
        <Button
            size="sm"
            variant="secondary"
            hitSlop={PX_8}
            text={a0}
            onPress={onPress_84495}
            key={a0}
        />
    );
}