/* Metro module 13634; source: modules/quests/native/PremiumRewardGradient.tsx; dependencies: [31, 27, 33, 4501, 4000, 697, 3860, 4048, 3967, 4589, 5302, 2] */
import Native from '../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseTheme from '../../../hooks/useTheme.tsx'; /* Metro dependency 4048 */
import LinearGradient from '../../../by-id/module-04589-LinearGradient.js'; /* Metro dependency 4589 */
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 UseTokenModule from '../../../design/tokens/native/useToken.tsx'; /* Metro dependency 3860 */
import * as SharedModule from '../../../external/discord_common/js/packages/design/shared.tsx'; /* Metro dependency 3967 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun104119(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#104119, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:6, offset: 0x022864fa, size: 521 bytes, params: 8, frame: 24
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactNativeModule;
    const env0_4 = value.StyleSheet;
    const env0_5 = value.View;
    value = require(33) /* metro dependency 33 */;
    const env0_6 = value.jsx;
    const env0_7 = value.jsxs;
    const env0_8 = (CreateStylesModule).createStyles({wrapper: {'position': 'relative',
        'overflow': 'hidden'}, fill: {'position': 'absolute', 'left': 0, 'right': 0, 'bottom': 0, 'height': '100%'},
        glow: {'position': 'absolute', 'left': 0, 'right': 0, 'bottom': 0, 'height': '50%'}, glowLight: {opacity: 0.5}});
    const env0_9 = {'x': 0, 'y': 0.5};
    const env0_10 = {'x': 1, 'y': 0.5};
    const env0_11 = {'x': 0.5, 'y': 0};
    const env0_12 = {'x': 0.5, 'y': 1};
    value = require(4000) /* metro dependency 4000: ColorUtils */;
    value = value.hexOpacityToRgba('#000000', 0);
    const BLACK = (Native).colors.BLACK;
    const value3 = (require(4000) /* metro dependency 4000: ColorUtils */).hexOpacityToRgba('#FFFFFF', 0);
    const WHITE = (Native).colors.WHITE;
    const env0_13 = CreateStylesModule.createStyleProperties({transparentBlack: value, opaqueBlack: BLACK,
        transparentWhite: value3, opaqueWhite: WHITE});
    (FileImportTrackerModule).fileFinishedImporting('modules/quests/native/PremiumRewardGradient.tsx');
    exports.default = _default_104125;
    function useGradientColors() { // fn#104120, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:672, offset: 0x02286703, size: 149 bytes, params: 1, frame: 20
        let useToken = UseTokenModule.useToken;
        const EXPRESSIVE_GRADIENT_NITRO_PINK_START = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START;
        const value2 = Reflect.apply(useToken, UseTokenModule, [EXPRESSIVE_GRADIENT_NITRO_PINK_START]);
        useToken = UseTokenModule.useToken;
        const EXPRESSIVE_GRADIENT_NITRO_PINK_END = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END;
        return ReactModule.useMemo(_fun104121, [value2, Reflect.apply(useToken, UseTokenModule,
            [EXPRESSIVE_GRADIENT_NITRO_PINK_END])]);
        function _fun104121() { // fn#104121, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:865, offset: 0x02286798, size: 25 bytes, params: 1, frame: 3
            return [env0_0, env0_1];
        }

    }

    function PremiumRewardFillGradient({children, style}) { // fn#104122, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:883, offset: 0x022867b1, size: 364 bytes, params: 2, frame: 26
        const styles = useStyles();
        const value2 = useGradientColors();
        const {transparentBlack, opaqueBlack, transparentWhite, opaqueWhite} = env0_13();
        return (
            <View style={[styles.wrapper, style]}>
                {((Component) => <Component style={styles.fill} colors={value2} start={env0_9} end={env0_10} pointerEvents="none" />)(LinearGradient)}
                {((Component) => <Component style={styles.fill} colors={opaqueWhite.useMemo(_fun104123, [transparentBlack,
                    opaqueBlack, transparentWhite, opaqueWhite,
                    (SharedModule).isThemeDark((UseTheme)())])} start={env0_11} end={env0_12} pointerEvents="none" />)(LinearGradient)}
                {children}
            </View>
        );
        function _fun104123() { // fn#104123, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:1102, offset: 0x0228691d, size: 57 bytes, params: 1, frame: 4
            return env0_4 ? [transparentBlack, opaqueBlack] : [transparentWhite, opaqueWhite];
        }

    }

    function PremiumRewardGlowGradient({children, style}) { // fn#104124, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:1321, offset: 0x02286956, size: 339 bytes, params: 2, frame: 26
        const styles = useStyles();
        return (
            <View style={[styles.wrapper, style]}>
                {((Component) => <Component style={[styles.glow,
                    !(require(3967) /* metro dependency 3967: shared */).isThemeDark((importDefault(4048) /* metro dependency 4048: useTheme */)()) && styles.glowLight]} maskElement={((Component) => <Component style={StyleSheet.absoluteFill} colors={['transparent',
                    'black']} start={env0_11} end={env0_12} />)(importDefault(4589) /* metro dependency 4589 */)}>{((Component) => <Component style={StyleSheet.absoluteFill} colors={useGradientColors()} start={env0_9} end={env0_10} />)(importDefault(4589) /* metro dependency 4589 */)}</Component>)(importDefault(5302) /* metro dependency 5302 */)}
                {children}
            </View>
        );
    }

    function _default_104125({visible, style, children, glow}) { // fn#104125, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13831:1709, offset: 0x02286aa9, size: 77 bytes, params: 2, frame: 16
        return ((Component) => <Component style={style}>{children}</Component>)(visible ? glow ? PremiumRewardGlowGradient : PremiumRewardFillGradient : View);
    }

}

global.__d(_fun104119, 13634, [31, 27, 33, 4501, 4000, 697, 3860, 4048, 3967, 4589, 5302,
        2]) /* metro module 13634, dependencies: [31, 27, 33, 4501, 4000, 697, 3860, 4048, 3967, 4589, 5302, 2] */;