/* Metro module 14560; source: modules/guild_themes/native/GuildThemePreviewArt.tsx; dependencies: [31, 27, 33, 4501, 697, 4004, 14561, 4048, 4589, 2] */
import UseTheme from '../../../hooks/useTheme.tsx'; /* Metro dependency 4048 */
import GuildThemePreviewOverlay from './GuildThemePreviewOverlay.tsx'; /* Metro dependency 14561 */
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 JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun110106(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110106, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:6, offset: 0x0236a8ce, size: 291 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const createStyles = CreateStylesModule.createStyles;
    const object2 = {'position': 'relative', 'width': 256, 'aspectRatio': 1.5705521472392638, 'overflow': 'hidden'};
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    const BACKGROUND_SURFACE_HIGH = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
    object2.backgroundColor = BACKGROUND_SURFACE_HIGH;
    const env0_6 = Reflect.apply(createStyles, CreateStylesModule, [{previewArt: object2,
        previewOverlay: {'position': 'absolute', 'top': 7.314, 'left': 7.461, 'width': 259.862, 'height': 154.514}}]);
    (FileImportTrackerModule).fileFinishedImporting('modules/guild_themes/native/GuildThemePreviewArt.tsx');
    exports.default = GuildThemePreviewArt;
    function PreviewOverlay() { // fn#110107, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:425, offset: 0x0236a9f1, size: 86 bytes, params: 1, frame: 17
        const styles = useStyles();
        return (
            <View pointerEvents="none" style={styles.previewOverlay}>
                {((Component) => <Component />)(GuildThemePreviewOverlay)}
            </View>
        );
    }

    function GuildThemePreviewArt({themeSettings, style}) { // fn#110108, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:638, offset: 0x0236aa47, size: 257 bytes, params: 2, frame: 19
        const styles = useStyles();
        const value3 = ReactModule.useMemo(_fun110109, [themeSettings,
            (UseTheme)()]);
        items2 = [styles.previewArt, style];
        return (
            value3 == null
                ? (
                    <View style={items2}>
                        <PreviewOverlay />
                    </View>
                )
                : ((Component) => <Component colors={value3.colors} locations={value3.locations} useAngle angle={value3.angle} style={items2}><PreviewOverlay /></Component>)(importDefault(4589) /* metro dependency 4589 */)
        );
        function _fun110109() { // fn#110109, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:730, offset: 0x0236ab48, size: 30 bytes, params: 1, frame: 13
            return getGradientConfig(themeSettings, env0_1);
            function getGradientConfig(a0, a1) { // fn#110110, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:734, offset: 0x0236ab66, size: 273 bytes, params: 3, frame: 22
                var environment;
                var colors;
                var value;
                var moduleValue;
                var value2;
                var object;
                var value3;
                var singleColorGuildThemeGradientColors;
                var items2;
                if (a0 != null) {
                    var customUserThemeSettings = a0.customUserThemeSettings;
                    if (customUserThemeSettings == null) {
                        value = environment.__proto__.__proto__;
                        moduleValue = require(4004) /* metro dependency 4004: GuildThemePresets */;
                        value2 = moduleValue.getGuildThemePreset(a0.presetId);
                        if (value2 != null) {
                            value = require(4004) /* metro dependency 4004: GuildThemePresets */;
                            value = value.getGuildThemePresetAppearance(value2, a1);
                            object = {};
                            colors = value.colors;
                            object.colors = colors.map(function(a0) {
                                return a0.hex;
                            });
                            colors = value.colors;
                            object.locations = colors.map(_fun110112);
                            object.angle = value.angle;
                            return object;
                        }
                        return null;
                    }
                    colors = customUserThemeSettings.colors;
                    value = 0;
                    var property = colors[value];
                    if (property != null) {
                        value3 = environment.__proto__.__proto__;
                        singleColorGuildThemeGradientColors = (require(4004) /* metro dependency 4004: GuildThemePresets */).getSingleColorGuildThemeGradientColors(property,
                            
                            
                            a1);
                        items2 = [];
                        arraySpread(items2, singleColorGuildThemeGradientColors, value, undefined);
                        return {colors: items2, angle: customUserThemeSettings.gradientAngle ?? value};
                    }
                    value = environment.__proto__.__proto__;
                    moduleValue = require(4004) /* metro dependency 4004: GuildThemePresets */;
                    value2 = moduleValue.getGuildThemePreset(a0.presetId);
                    if (value2 != null) {
                        value = require(4004) /* metro dependency 4004: GuildThemePresets */;
                        value = value.getGuildThemePresetAppearance(value2, a1);
                        object = {};
                        colors = value.colors;
                        object.colors = colors.map(function(a0) {
                            return a0.hex;
                        });
                        colors = value.colors;
                        object.locations = colors.map(_fun110112);
                        object.angle = value.angle;
                        return object;
                    }
                }
                return null;
            }

        }

    }

}

function _fun110112({stop}) { // fn#110112, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14757:1146, offset: 0x01b42d32, size: 18 bytes, params: 2, frame: 2
    return stop / 100;
}

global.__d(_fun110106, 14560, [31, 27, 33, 4501, 697, 4004, 14561, 4048, 4589,
        2]) /* metro module 14560, dependencies: [31, 27, 33, 4501, 697, 4004, 14561, 4048, 4589, 2] */;