/* Metro module 12728; source: design/void/SummarizedIconRow/native/SummarizedIconRow.tsx; dependencies: [31, 27, 33, 4501, 697, 4573, 2] */
function _fun97439(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97439, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:6, offset: 0x021812ce, size: 519 bytes, params: 8, frame: 22
    var object3;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    const env0_3 = (require(33) /* metro dependency 33 */).jsx;
    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = createStylesModule.createStyles;
    object3 = {container: {'flexDirection': 'row', 'alignItems': 'center'}, iconWrapper: {'alignItems': 'center',
        'justifyContent': 'center'}};
    const object5 = {};
    let BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object5.backgroundColor = BACKGROUND_BASE_LOW;
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object3.overflowSquircleWrap = object5;
    let BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object3.overflowSquircle = {'backgroundColor': null, 'margin': 3, 'paddingHorizontal': 8, 'height': 30,
        'alignItems': 'center', 'justifyContent': 'center', 'borderRadius': 10, backgroundColor: BACKGROUND_BASE_LOWEST};
    const object6 = {'margin': 2, 'paddingHorizontal': 8, 'height': 32, 'alignItems': 'center',
        'justifyContent': 'center'};
    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object6.backgroundColor = BACKGROUND_BASE_LOWEST;
    object3.overflowTextOnly = object6;
    BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
    object3.overflowCircleWrap = {backgroundColor: BACKGROUND_BASE_LOW, borderRadius: 17};
    BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object3.overflowCircle = {'backgroundColor': null, 'margin': 2, 'paddingHorizontal': 8, 'height': 30,
        'alignItems': 'center', 'justifyContent': 'center', 'borderRadius': 15, backgroundColor: BACKGROUND_BASE_LOWEST};
    const env0_4 = Reflect.apply(createStyles, createStylesModule, [object3]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/SummarizedIconRow/native/SummarizedIconRow.tsx');
    exports.default = SummarizedIconRow;
    exports.OverflowText = OverflowText;
    exports.OverflowTextSmall = OverflowTextSmall;
    exports.OverflowCircle = OverflowCircle;
}

function OverflowSquircle({overflow, style}) { // fn#97440, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:989, offset: 0x021814d5, size: 176 bytes, params: 2, frame: 22
    const styles = useStyles();
    const items2 = [styles.overflowSquircleWrap, style];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={items2}>
            <View style={styles.overflowSquircle}>
                <Text variant="text-xs/medium">
                    {'+' + overflow}
                </Text>
            </View>
        </View>
    );
}

function SummarizedIconRow({items, max, renderItem, offsetAmount, iconWrapperStyle, overflowStyle, style, overflowComponent = OverflowSquircle}) { // fn#97441, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1306, offset: 0x02181585, size: 218 bytes, params: 2, frame: 19
    max = max === undefined ? 8 : max;
    const styles = useStyles();
    const Math = global.Math;
    const env0_8 = Math.max(items.length - max, 0);
    return (
        <View style={[styles.container, style]}>
            {items.map(_fun97442)}
        </View>
    );
}

function OverflowText({overflow, style}) { // fn#97443, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1807, offset: 0x02181764, size: 146 bytes, params: 2, frame: 19
    const styles = useStyles();
    const items2 = [styles.overflowTextOnly, style];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={items2}>
            <Text variant="text-xs/medium">
                {'+' + overflow}
            </Text>
        </View>
    );
}

function OverflowTextSmall({overflow, style}) { // fn#97444, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1994, offset: 0x021817f6, size: 146 bytes, params: 2, frame: 19
    const styles = useStyles();
    const items2 = [styles.overflowTextOnly, style];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={items2}>
            <Text variant="text-xxs/medium">
                {'+' + overflow}
            </Text>
        </View>
    );
}

function OverflowCircle({overflow, style}) { // fn#97445, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:2184, offset: 0x02181888, size: 176 bytes, params: 2, frame: 22
    const styles = useStyles();
    const items2 = [styles.overflowCircleWrap, style];
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={items2}>
            <View style={styles.overflowCircle}>
                <Text variant="text-xs/medium">
                    {'+' + overflow}
                </Text>
            </View>
        </View>
    );
}

function _fun97442(a0, a1) { // fn#97442, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1545, offset: 0x0218165f, size: 261 bytes, params: 3, frame: 23
    if (a1 >= max) {
        return undefined;
    }
    return a1 !== max - 1 ? a0 ? <View style={[styles.iconWrapper, iconWrapperStyle,
        a1 !== 0 ? {marginLeft: offsetAmount} : {}]} key={a1}>{renderItem(a0, a1 === global.Math.min(items.length,
        max) - 1)}</View> : null : env0_8 > 0 ? ((Component) => <Component style={[{marginLeft: offsetAmount},
        overflowStyle]} overflow={env0_8 + 1} key={a1} />)(env0_6) : a0 ? <View style={[styles.iconWrapper,
        iconWrapperStyle, a1 !== 0 ? {marginLeft: offsetAmount} : {}]} key={a1}>{renderItem(a0,
        a1 === global.Math.min(items.length, max) - 1)}</View> : null;
}