/* Metro module 8564; source: design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx; dependencies: [31, 27, 33, 697, 3860, 674, 4589, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
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 '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */

function _fun67823(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67823, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8749:6, offset: 0x01c33107, size: 581 bytes, params: 8, frame: 20
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = ReactNativeModule;
    const env0_3 = value.View;
    const env0_4 = value.StyleSheet;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    object = {};
    const object2 = {};
    const EXPRESSIVE_GRADIENT_PURPLE_START = (Native).colors.EXPRESSIVE_GRADIENT_PURPLE_START;
    object2.start = EXPRESSIVE_GRADIENT_PURPLE_START;
    const EXPRESSIVE_GRADIENT_PURPLE_END = (Native).colors.EXPRESSIVE_GRADIENT_PURPLE_END;
    object2.end = EXPRESSIVE_GRADIENT_PURPLE_END;
    object.purple = object2;
    const object3 = {};
    const EXPRESSIVE_GRADIENT_BLUE_START = (Native).colors.EXPRESSIVE_GRADIENT_BLUE_START;
    object3.start = EXPRESSIVE_GRADIENT_BLUE_START;
    const EXPRESSIVE_GRADIENT_BLUE_END = (Native).colors.EXPRESSIVE_GRADIENT_BLUE_END;
    object3.end = EXPRESSIVE_GRADIENT_BLUE_END;
    object.blue = object3;
    const object4 = {};
    const EXPRESSIVE_GRADIENT_GREEN_START = (Native).colors.EXPRESSIVE_GRADIENT_GREEN_START;
    object4.start = EXPRESSIVE_GRADIENT_GREEN_START;
    const EXPRESSIVE_GRADIENT_GREEN_END = (Native).colors.EXPRESSIVE_GRADIENT_GREEN_END;
    object4.end = EXPRESSIVE_GRADIENT_GREEN_END;
    object.green = object4;
    const object5 = {};
    const EXPRESSIVE_GRADIENT_PINK_START = (Native).colors.EXPRESSIVE_GRADIENT_PINK_START;
    object5.start = EXPRESSIVE_GRADIENT_PINK_START;
    const EXPRESSIVE_GRADIENT_PINK_END = (Native).colors.EXPRESSIVE_GRADIENT_PINK_END;
    object5.end = EXPRESSIVE_GRADIENT_PINK_END;
    object.pink = object5;
    const object6 = {};
    const EXPRESSIVE_GRADIENT_NITRO_PINK_START = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START;
    object6.start = EXPRESSIVE_GRADIENT_NITRO_PINK_START;
    const EXPRESSIVE_GRADIENT_NITRO_PINK_END = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END;
    object6.end = EXPRESSIVE_GRADIENT_NITRO_PINK_END;
    object['nitro-pink'] = object6;
    const object7 = {};
    const EXPRESSIVE_GRADIENT_NITRO_GREEN_START = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
    object7.start = EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
    const EXPRESSIVE_GRADIENT_NITRO_GREEN_END = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
    object7.end = EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
    object['nitro-green'] = object7;
    const env0_8 = {'x': 0, 'y': 0.5};
    const env0_9 = {'x': 1, 'y': 0.5};
    const env0_10 = {'x': 0.5, 'y': 0};
    const env0_11 = {'x': 0.5, 'y': 0.5};
    (FileImportTrackerModule).fileFinishedImporting('design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx');
    exports.ExpressiveGradient = ExpressiveGradient;
    function ExpressiveGradient({color, offsetBottom, backgroundColor, children, style}) { // fn#67824, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8749:1044, offset: 0x01c3334c, size: 510 bytes, params: 2, frame: 28
        color = color === undefined ? 'purple' : color;
        offsetBottom = offsetBottom === undefined ? 0 : offsetBottom;
        const r6 = typeof color !== 'object' ? env0_7[color ?? 'purple'] : color ?? env0_7[color ?? 'purple'];
        const value7 = (UseTokenModule).useToken(r6.start);
        const value8 = (UseTokenModule).useToken(r6.end);
        const value9 = (UseTokenModule).useToken(backgroundColor);
        return (
            <View style={[StyleSheet.absoluteFill, style]}>
                <View style={[StyleSheet.absoluteFill, offsetBottom > 0 ? {bottom: 100 * offsetBottom + '%'} : undefined]}>
                    {((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[value7,
                        value8]} start={env0_8} end={env0_9} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
                    {((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[(importDefault(674) /* metro dependency 674 */)(value9).alpha(0).css(),
                        value9]} start={env0_10} end={env0_11} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
                </View>
                {children}
            </View>
        );
    }

}

global.__d(_fun67823, 8564, [31, 27, 33, 697, 3860, 674, 4589,
        2]) /* metro module 8564, dependencies: [31, 27, 33, 697, 3860, 674, 4589, 2] */;