/* Metro module 11062; source: modules/stickers/native/StickerPackInformationPopout.tsx; dependencies: [31, 27, 33, 4501, 697, 4643, 1244, 4573, 5278, 2] */
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});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    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 object = {'backgroundColor': null, 'width': '90%', 'marginHorizontal': '5%', 'padding': 16};
    const BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object.backgroundColor = BACKGROUND_BASE_LOW;
    object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    const BLACK = (importDefault(697) /* metro dependency 697: native */).colors.BLACK;
    object.shadowColor = BLACK;
    object.shadowOffset = {'width': 2, 'height': 2};
    object.shadowOpacity = 0.25;
    object.shadowRadius = 5;
    const env0_6 = Reflect.apply(createStyles, value, [{informationContainer: object,
        headerContainer: {'flexDirection': 'row', 'justifyContent': 'space-between', 'marginBottom': 8},
        informationHeader: {lineHeight: 20}, informationContentContainer: {flexDirection: 'row'},
        informationContent: {lineHeight: 20}, informationContentDescription: {'flex': 1, 'marginLeft': 5}}]);
    (require(2) /* metro dependency 2 */).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 object2;
    var intl;
    const items2 = [];
    const stickersUtilsModule = require(4643) /* metro dependency 4643: StickersUtils */;
    if (stickersUtilsModule.isStickerPackAnimated(a0)) {
        push = items2.push;
        object2 = {key: 'animated'};
        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
        object2.description = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.W11rMa);
        Reflect.apply(push, items2, [object2]);
    }
    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 = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    const format = intl.format;
    const XDm6yN = (require(1244) /* metro dependency 1244: indexNative */).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 = (require(5278) /* metro dependency 5278: Pressables */).PressableOpacity;
    return (
        <View style={items2}>
            <View style={styles.headerContainer}>
                {text}
                <PressableOpacity
                    onPress={onClose}
                    accessibilityRole="button"
                    accessibilityLabel={intl.string((require(1244) /* metro dependency 1244: indexNative */).t.cpT0Cq)}
                >
                    <Text variant="text-md/bold" color="text-brand">
                        {intl.string((require(1244) /* metro dependency 1244: indexNative */).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 = (require(4573) /* metro dependency 4573: Text */).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>
    );
}