/* Metro module 11062; source: modules/stickers/native/StickerPackInformationPopout.tsx; dependencies: [31, 27, 33, 4501, 697, 4643, 1244, 4573, 5278, 2] */
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 IndexNativeModule from '../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as TextModule from '../../../design/components/Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as StickersUtilsModule from '../StickersUtils.tsx'; /* Metro dependency 4643 */
import * as PressablesModule from '../../../design/void/Pressables/native/Pressables.tsx'; /* Metro dependency 5278 */

function _fun84687(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84687, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11248:6, offset: 0x01f533a6, size: 445 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const env0_2 = value.View;
    const env0_3 = value.FlatList;
    value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object2 = {'backgroundColor': null, 'width': '90%', 'marginHorizontal': '5%', 'padding': 16};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object2.backgroundColor = BACKGROUND_BASE_LOW;
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
    object2.shadowColor = BLACK;
    object2.shadowOffset = {'width': 2, 'height': 2};
    object2.shadowOpacity = 0.25;
    object2.shadowRadius = 5;
    const env0_6 = Reflect.apply(createStyles, value, [{informationContainer: object2,
        headerContainer: {'flexDirection': 'row', 'justifyContent': 'space-between', 'marginBottom': 8},
        informationHeader: {lineHeight: 20}, informationContentContainer: {flexDirection: 'row'},
        informationContent: {lineHeight: 20}, informationContentDescription: {'flex': 1, 'marginLeft': 5}}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/stickers/native/StickerPackInformationPopout.tsx');
    exports.default = _default_84689;
    exports.doesStickerPackHavePopoutInformation = function(a0) {
        return generateListData(a0).length > 0;
    };
    function generateListData(a0) { // fn#84688, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11248:708, offset: 0x01f53563, size: 129 bytes, params: 2, frame: 17
        var push;
        var object;
        var intl;
        const items2 = [];
        if (StickersUtilsModule.isStickerPackAnimated(a0)) {
            push = items2.push;
            object = {key: 'animated'};
            intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
            object.description = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.W11rMa);
            Reflect.apply(push, items2, [object]);
        }
        return items2;
    }

    function _default_84689({stickerPack, onClose, style}) { // fn#84689, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11248:849, offset: 0x01f535e4, size: 465 bytes, params: 2, frame: 30
        const styles = useStyles();
        const value2 = generateListData(stickerPack);
        const items2 = [styles.informationContainer, style];
        const Text = (TextModule).Text;
        const intl = (IndexNativeModule).intl;
        const format = intl.format;
        const XDm6yN = (IndexNativeModule).t.XDm6yN;
        const text = (
            <Text
                style={styles.informationHeader}
                variant="text-md/semibold"
                color="mobile-text-heading-primary"
            >
                {Reflect.apply(format, intl, [XDm6yN, {stickerPackName: stickerPack.name}])}
            </Text>
        );
        const PressableOpacity = (PressablesModule).PressableOpacity;
        return (
            <View style={items2}>
                <View style={styles.headerContainer}>
                    {text}
                    <PressableOpacity
                        onPress={onClose}
                        accessibilityRole="button"
                        accessibilityLabel={intl.string((IndexNativeModule).t.cpT0Cq)}
                    >
                        <Text variant="text-md/bold" color="text-brand">
                            {intl.string((IndexNativeModule).t.cpT0Cq)}
                        </Text>
                    </PressableOpacity>
                </View>
                <FlatList data={value2} renderItem={renderItem_84690} />
            </View>
        );
        function _default_84689RenderItem({item}) { // fn#84690, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11248:1458, owner: _default_84689.renderItem, offset: 0x01f537b5, size: 198 bytes, params: 2, frame: 22
            const value = environment.__proto__;
            const stylesBinding = styles;
            const informationContentContainer = stylesBinding.informationContentContainer;
            const Text = (TextModule).Text;
            return (
                <View style={informationContentContainer}>
                    <Text
                        style={stylesBinding.informationContent}
                        variant="text-md/medium"
                        color="text-default"
                    >
                        {'•'}
                    </Text>
                    <Text
                        style={[stylesBinding.informationContent, stylesBinding.informationContentDescription]}
                        variant="text-md/medium"
                        color="text-default"
                    >
                        {item.description}
                    </Text>
                </View>
            );
        }

    }

}

global.__d(_fun84687, 11062, [31, 27, 33, 4501, 697, 4643, 1244, 4573, 5278,
        2]) /* metro module 11062, dependencies: [31, 27, 33, 4501, 697, 4643, 1244, 4573, 5278, 2] */;