/* Metro module 13656; source: modules/quests/native/QuestDock/QuestDockBlurredHeaderPlaceholder.tsx; dependencies: [31, 27, 6528, 13572, 33, 4501, 13573, 13657, 4017, 2] */
import ReanimatedRexport from '../../../reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
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 ReanimatedRexportModule from '../../../reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as QuestConstantsModule from '../../QuestConstants.tsx'; /* Metro dependency 6528 */
import * as QuestDockConstantsModule from './QuestDockConstants.tsx'; /* Metro dependency 13572 */
import * as QuestDockGestureContextModule from './QuestDockGestureContext.tsx'; /* Metro dependency 13573 */

function _fun104309(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#104309, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13853:6, offset: 0x022902c3, size: 373 bytes, params: 8, frame: 25
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    let value = ReactModule;
    const StyleSheet = ReactNativeModule.StyleSheet;
    const {QUEST_DOCK_EXPANDED_HEIGHT,
        QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED} = QuestDockConstantsModule;
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    const object2 = {};
    copyDataProperties(object2, StyleSheet.absoluteFillObject, undefined);
    object2['height'] = QUEST_DOCK_EXPANDED_HEIGHT;
    object2['top'] = -QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED;
    object.image = object2;
    const object3 = {};
    copyDataProperties(object3, StyleSheet.absoluteFillObject, undefined);
    object3['backgroundColor'] = 'rgba(38, 39, 50, 0.3)';
    object3['height'] = QUEST_DOCK_EXPANDED_HEIGHT;
    object.overlay = object3;
    const env0_10 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    object = {code: 'function QuestDockBlurredHeaderPlaceholderTsx1(){const{activeQuestDockMode,QuestDockMode,QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED,questDockWrapperSpecs}=this.__closure;return{left:activeQuestDockMode.get()===QuestDockMode.EXPANDED?-QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED:0,width:questDockWrapperSpecs.get().width+QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED};}'};
    value = value.memo(QuestDockBlurredContentBackground_104310);
    (FileImportTrackerModule).fileFinishedImporting('modules/quests/native/QuestDock/QuestDockBlurredHeaderPlaceholder.tsx');
    exports.default = value;
    function QuestDockBlurredContentBackground_104310({animatedLayout, animatedStyle, placeholder}) { // fn#104310, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13853:843, offset: 0x02290438, size: 341 bytes, params: 2, frame: 23
        const binding = env0_3;
        const useContext = binding.useContext;
        const QuestDockGestureContext = (QuestDockGestureContextModule).QuestDockGestureContext;
        const {questDockWrapperSpecs, activeQuestDockMode} = Reflect.apply(useContext, binding, [QuestDockGestureContext]);
        const value3 = binding.useMemo(_fun104311, [placeholder]);
        const styles = useStyles();
        const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
        const closure = function() {
            var object = {};
            object.left = activeQuestDockMode.get() !== QuestDockMode.EXPANDED ? 0 : -QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED;
            object.width = questDockWrapperSpecs.get().width + QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED;
            return object;
        };
        closure.__closure = {activeQuestDockMode: activeQuestDockMode, QuestDockMode: QuestDockMode,
            QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED: QUEST_DOCK_UNENROLLED_HEADER_INSET_EXPANDED,
            questDockWrapperSpecs: questDockWrapperSpecs};
        closure.__workletHash = 11176778421725;
        closure.__initData = env0_11;
        const value4 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
        const jsxRuntimeEnv0_8Binding = jsxRuntimeEnv0_8;
        const Image = (ReanimatedRexport).Image;
        return (
            <>
                <Image
                    source={value3}
                    style={[styles.image, animatedStyle, value4]}
                    layout={animatedLayout}
                />
                <View style={styles.overlay} />
            </>
        );
        function _fun104311() { // fn#104311, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13853:1059, offset: 0x0229058d, size: 90 bytes, params: 1, frame: 17
            var environment;
            const object = {};
            let value = environment.__proto__;
            value = require(13657) /* metro dependency 13657 */;
            const thumbHashToDataURL = value.thumbHashToDataURL;
            const Uint8Array = global.Uint8Array;
            object.uri = Reflect.apply(thumbHashToDataURL, value, [Uint8Array.from(global.atob(placeholder), function(a0) {
                return a0.charCodeAt(0);
            })]);
            return object;
        }

    }

}

global.__d(_fun104309, 13656, [31, 27, 6528, 13572, 33, 4501, 13573, 13657, 4017,
        2]) /* metro module 13656, dependencies: [31, 27, 6528, 13572, 33, 4501, 13573, 13657, 4017, 2] */;