/* Metro module 10098; source: modules/collectibles/native/FractionalNitroPreview.tsx; dependencies: [31, 27, 661, 33, 4501, 697, 1244, 4589, 5475, 10099, 10100, 6742, 4573, 2] */
function _fun78867(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#78867, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10284:6, offset: 0x01e39117, size: 452 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_3 = (require(27) /* metro dependency 27 */).View;
    const env0_4 = (require(661) /* metro dependency 661: Constants */).VerticalGradient;
    let value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object3 = {};
    const object4 = {'flexDirection': 'column', 'alignItems': 'center', 'justifyContent': 'center', 'padding': null,
        'borderRadius': null, 'overflow': 'hidden', 'alignSelf': 'center'};
    const PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
    object4.padding = PX_24;
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
    const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
    object4.gap = PX_16;
    object3.container = object4;
    object3.gradient = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0};
    object3.headerImage = {'width': 211, 'height': 157, 'resizeMode': 'cover'};
    object3.nitroIconContainer = {alignSelf: 'flex-start'};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.benefits = {'display': 'flex', 'flexDirection': 'column', gap: PX_8};
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.benefitRow = {'display': 'flex', 'flexDirection': 'row', 'gap': null, 'alignItems': 'center', gap: PX_8};
    const env0_7 = Reflect.apply(createStyles, value, [object3]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/collectibles/native/FractionalNitroPreview.tsx');
    exports.FractionalNitroPreview = FractionalNitroPreview;
}

function FractionalNitroPreview() { // fn#78868, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10284:839, offset: 0x01e392db, size: 418 bytes, params: 1, frame: 24
    const styles = useStyles();
    const E1NP2x = (require(1244) /* metro dependency 1244: indexNative */).t.E1NP2x;
    const items2 = [E1NP2x];
    items2[1] = (require(1244) /* metro dependency 1244: indexNative */).t.kpMomJ;
    items2[2] = (require(1244) /* metro dependency 1244: indexNative */).t.xT1Vfn;
    items2[3] = (require(1244) /* metro dependency 1244: indexNative */).t.myyAEr;
    items2[4] = (require(1244) /* metro dependency 1244: indexNative */).t.zTk8Ul;
    const defaultImport = importDefault(4589) /* metro dependency 4589 */;
    const {START, END} = VerticalGradient;
    return (
        <View style={styles.container}>
            {((Component) => <Component colors={['#000000',
                '#36266d']} start={START} end={END} style={styles.gradient} />)(defaultImport)}
            {((Component) => <Component source={{uri: importDefault(10099) /* metro dependency 10099: fn_pdp_preview_headerPng */}} style={styles.headerImage} />)(importDefault(5475) /* metro dependency 5475: FastImage */)}
            <View style={styles.nitroIconContainer}>
                {((Component) => <Component />)(importDefault(10100) /* metro dependency 10100: NitroIcon */)}
            </View>
            <View style={styles.benefits}>
                {items2.map(_fun78869)}
            </View>
        </View>
    );
}

function _fun78869(a0, a1) { // fn#78869, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10284:1220, offset: 0x01e3947d, size: 200 bytes, params: 3, frame: 21
    let value = environment.__proto__;
    const CheckmarkSmallIcon = (require(6742) /* metro dependency 6742: CheckmarkSmallIcon */).CheckmarkSmallIcon;
    const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
    value = <CheckmarkSmallIcon color={WHITE} />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.benefitRow} key={a1}>
            {value}
            <Text variant="text-sm/medium" color="always-white">
                {(require(1244) /* metro dependency 1244: indexNative */).intl.string(a0)}
            </Text>
        </View>
    );
}