/* Metro module 8564; source: design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx; dependencies: [31, 27, 33, 697, 3860, 674, 4589, 2] */
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
    var object8;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    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;
    object8 = {};
    const object9 = {};
    const EXPRESSIVE_GRADIENT_PURPLE_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PURPLE_START;
    object9.start = EXPRESSIVE_GRADIENT_PURPLE_START;
    const EXPRESSIVE_GRADIENT_PURPLE_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PURPLE_END;
    object9.end = EXPRESSIVE_GRADIENT_PURPLE_END;
    object8.purple = object9;
    const object10 = {};
    const EXPRESSIVE_GRADIENT_BLUE_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_BLUE_START;
    object10.start = EXPRESSIVE_GRADIENT_BLUE_START;
    const EXPRESSIVE_GRADIENT_BLUE_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_BLUE_END;
    object10.end = EXPRESSIVE_GRADIENT_BLUE_END;
    object8.blue = object10;
    const object11 = {};
    const EXPRESSIVE_GRADIENT_GREEN_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_GREEN_START;
    object11.start = EXPRESSIVE_GRADIENT_GREEN_START;
    const EXPRESSIVE_GRADIENT_GREEN_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_GREEN_END;
    object11.end = EXPRESSIVE_GRADIENT_GREEN_END;
    object8.green = object11;
    const object12 = {};
    const EXPRESSIVE_GRADIENT_PINK_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PINK_START;
    object12.start = EXPRESSIVE_GRADIENT_PINK_START;
    const EXPRESSIVE_GRADIENT_PINK_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PINK_END;
    object12.end = EXPRESSIVE_GRADIENT_PINK_END;
    object8.pink = object12;
    const object13 = {};
    const EXPRESSIVE_GRADIENT_NITRO_PINK_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START;
    object13.start = EXPRESSIVE_GRADIENT_NITRO_PINK_START;
    const EXPRESSIVE_GRADIENT_NITRO_PINK_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END;
    object13.end = EXPRESSIVE_GRADIENT_NITRO_PINK_END;
    object8['nitro-pink'] = object13;
    const object14 = {};
    const EXPRESSIVE_GRADIENT_NITRO_GREEN_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
    object14.start = EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
    const EXPRESSIVE_GRADIENT_NITRO_GREEN_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
    object14.end = EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
    object8['nitro-green'] = object14;
    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};
    (require(2) /* metro dependency 2 */).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 = (require(3860) /* metro dependency 3860: useToken */).useToken(r6.start);
    const value8 = (require(3860) /* metro dependency 3860: useToken */).useToken(r6.end);
    const value9 = (require(3860) /* metro dependency 3860: useToken */).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>
    );
}