/* Metro module 8645; source: modules/messages/native/emoji/EmojiGrid.tsx; dependencies: [31, 27, 33, 4501, 697, 3801, 1423, 6739, 8625, 8646, 8649, 2] */
import Emoji from '../../../emojis/native/Emoji.tsx'; /* Metro dependency 6739 */
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 CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as UseSharedMessageEmojiStylesModule from './useSharedMessageEmojiStyles.tsx'; /* Metro dependency 8625 */
import * as LayoutUtilsModule from '../../../guild_role_subscriptions/native/components/LayoutUtils.tsx'; /* Metro dependency 8649 */

function _fun68150(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#68150, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:6, offset: 0x01c41574, size: 301 bytes, params: 8, frame: 21
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const createStyles = CreateStylesModule.createStyles;
    const object2 = {'height': 40, 'width': 40};
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    const env0_5 = Reflect.apply(createStyles, CreateStylesModule, [{gridEmojiFastImage: object2,
        gridEmojiText: {'fontSize': 18, 'lineHeight': 44}, emojiGridRowContainer: {'marginTop': 16,
        'flexDirection': 'row'}, emojiGridContainer: {'marginTop': 8, 'alignItems': 'center'}}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/messages/native/emoji/EmojiGrid.tsx');
    exports.EmojiGrid = EmojiGrid;
    function Emoji_68151({guildEmoji}) { // fn#68151, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:389, offset: 0x01c416a1, size: 207 bytes, params: 2, frame: 21
        var r6;
        var value;
        const styles = useStyles();
        if (guildEmoji.id == null) {
            value = importDefault(3801) /* metro dependency 3801: EmojiUtils */;
            value = value.getURL(guildEmoji.name);
            r6 = value;
        } else {
            value = importDefault(1423) /* metro dependency 1423: AvatarUtils */;
            value = value.getEmojiURL({id: guildEmoji.id, animated: guildEmoji.animated, size: 48});
            r6 = value;
        }
        return (
            <Emoji
                src={r6}
                fastImageStyle={styles.gridEmojiFastImage}
                textEmojiStyle={styles.gridEmojiText}
                name={guildEmoji.name}
                key={guildEmoji.id}
            />
        );
    }

    function EmojiGrid({expressionSourceGuild, doNotDisplayEmojiIds = [], numberToShow, maxPerRow}) { // fn#68152, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:721, offset: 0x01c41770, size: 310 bytes, params: 2, frame: 20
        numberToShow = numberToShow === undefined ? 10 : numberToShow;
        maxPerRow = maxPerRow === undefined ? 5 : maxPerRow;
        const object = {};
        const useSharedMessageEmojiStyles = UseSharedMessageEmojiStylesModule.useSharedMessageEmojiStyles;
        copyDataProperties(object, Reflect.apply(useSharedMessageEmojiStyles, UseSharedMessageEmojiStylesModule, []),
            undefined);
        const styles = useStyles();
        copyDataProperties(object, styles, undefined);
        const value8 = (importDefault(8646) /* metro dependency 8646 */)((expressionSourceGuild?.emojis ?? []).slice(0,
            numberToShow + 1).filter(_fun68153).slice(0, numberToShow), maxPerRow);
        const emojiGridContainer = object.emojiGridContainer;
        const GappedList = (LayoutUtilsModule).GappedList;
        return (
            <View style={emojiGridContainer}>
                <GappedList gap={8}>
                    {value8.map(_fun68154)}
                </GappedList>
            </View>
        );
        function _fun68153({id}) { // fn#68153, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:931, offset: 0x01c418a6, size: 30 bytes, params: 2, frame: 11
            const binding = env0_0;
            return !binding.includes(id);
        }

        function _fun68154(a0, a1) { // fn#68154, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:1074, offset: 0x01c418c4, size: 115 bytes, params: 3, frame: 19
            const emojiGridRowContainer = env0_1.emojiGridRowContainer;
            const GappedList = (LayoutUtilsModule).GappedList;
            return (
                <View style={emojiGridRowContainer} key={a1}>
                    <GappedList gap={32}>
                        {a0.map(_fun68155)}
                    </GappedList>
                </View>
            );
            function _fun68155(a0) { // fn#68155, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8830:1171, offset: 0x01c41937, size: 37 bytes, params: 2, frame: 15
                return <Emoji_68151 guildEmoji={a0} key={a0.id} />;
            }

        }

    }

}

global.__d(_fun68150, 8645, [31, 27, 33, 4501, 697, 3801, 1423, 6739, 8625, 8646, 8649,
        2]) /* metro module 8645, dependencies: [31, 27, 33, 4501, 697, 3801, 1423, 6739, 8625, 8646, 8649, 2] */;