/* Metro module 13598; source: modules/quests/native/QuestModalContentCloudBackground.tsx; dependencies: [31, 27, 33, 4501, 3866, 4048, 4589, 5475, 13599, 13600, 2] */
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 CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun103347(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#103347, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13788:6, offset: 0x0226343e, size: 248 bytes, params: 8, frame: 18
    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;
    const env0_7 = (CreateStylesModule).createStyles(_fun103348);
    const env0_9 = ['#292252FF', '#1E1F2200'].slice().reverse();
    (FileImportTrackerModule).fileFinishedImporting('modules/quests/native/QuestModalContentCloudBackground.tsx');
    exports.default = QuestModalContentCloudBackground;
    function _fun103348(a0) { // fn#103348, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13788:189, offset: 0x02263536, size: 295 bytes, params: 2, frame: 18
        const object = {};
        const object2 = {};
        copyDataProperties(object2, StyleSheet.absoluteFillObject, undefined);
        const object3 = {};
        if (a0) {
            object3.top = undefined;
        } else {
            object3.bottom = undefined;
        }
        copyDataProperties(object2, object3, undefined);
        object2['height'] = 380;
        object2['zIndex'] = 1;
        object.wrapper = object2;
        const object4 = {};
        copyDataProperties(object4, StyleSheet.absoluteFillObject, undefined);
        const object5 = {};
        if (a0) {
            object5.top = undefined;
        } else {
            object5.bottom = undefined;
        }
        copyDataProperties(object4, object5, undefined);
        copyDataProperties(object4, a0 ? {} : {transform: [{rotate: '180deg'}]}, undefined);
        object4['width'] = '100%';
        object.cloudsImage = object4;
        const object9 = {};
        copyDataProperties(object9, StyleSheet.absoluteFillObject, undefined);
        object9['bottom'] = undefined;
        object9['width'] = '100%';
        object.cloudsImageLight = object9;
        const object10 = {};
        copyDataProperties(object10, StyleSheet.absoluteFillObject, undefined);
        object10['opacity'] = 1;
        object.gradient = object10;
        const object11 = {};
        copyDataProperties(object11, StyleSheet.absoluteFillObject, undefined);
        object.solidBackground = object11;
        return object;
    }

    function QuestModalContentCloudBackground({align, style, imgStyle, resizeMode}) { // fn#103349, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13788:624, offset: 0x0226365d, size: 373 bytes, params: 2, frame: 24
        let value = 'bottom';
        const r14 = align === undefined ? value : align;
        const r8 = resizeMode === undefined ? 'cover' : resizeMode;
        const styles = useStyles(value === r14);
        const isThemeDark = require(dependencyMap[4]).isThemeDark;
        const moduleValue = require(dependencyMap[5]);
        const useTheme = moduleValue.useTheme;
        value = Reflect.apply(isThemeDark, value, [Reflect.apply(useTheme, moduleValue, [])]);
        return (
            <View style={[styles.wrapper, style]}>
                {
                    value
                        ? ((Component) => <Component colors={r14 === 'top' ? env0_8 : env0_9} style={styles.gradient} />)(importDefault(dependencyMap[6]))
                        : (
                            <View style={styles.solidBackground} />
                        )
                }
                {((Component) => <Component style={[value ? styles.cloudsImage : styles.cloudsImageLight,
                    imgStyle]} source={importDefault(value ? dependencyMap[8] : dependencyMap[9])} resizeMode={r8} />)(importDefault(dependencyMap[7]))}
            </View>
        );
    }

}

global.__d(_fun103347, 13598, [31, 27, 33, 4501, 3866, 4048, 4589, 5475, 13599, 13600,
        2]) /* metro module 13598, dependencies: [31, 27, 33, 4501, 3866, 4048, 4589, 5475, 13599, 13600, 2] */;