/* Metro module 8472; source: modules/collectibles/native/ProfileEffectSampleV2.tsx; dependencies: [27, 8471, 33, 4501, 697, 5475, 8473, 8474, 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 JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CollectiblesPreviewConstantsModule from './CollectiblesPreviewConstants.tsx'; /* Metro dependency 8471 */

function _fun67269(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67269, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8657:6, offset: 0x01c1c60e, size: 304 bytes, params: 8, frame: 23
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const SAMPLE_PROFILE_ASPECT_RATIO = (CollectiblesPreviewConstantsModule).SAMPLE_PROFILE_ASPECT_RATIO;
    let value = JsxRuntimeModule;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {profileContainer: {'position': 'absolute', 'display': 'flex', 'height': '100%', 'width': '100%'}};
    const BACKGROUND_MOD_SUBTLE = (Native).colors.BACKGROUND_MOD_SUBTLE;
    object.profileBackground = {backgroundColor: BACKGROUND_MOD_SUBTLE};
    object.sampleProfileImage = {aspectRatio: SAMPLE_PROFILE_ASPECT_RATIO};
    const BORDER_MUTED = (Native).colors.BORDER_MUTED;
    object.profileBorder = {'position': 'absolute', 'height': '100%', 'width': '100%', 'borderWidth': 1,
        borderColor: BORDER_MUTED};
    const env0_5 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('modules/collectibles/native/ProfileEffectSampleV2.tsx');
    exports.default = _default_67270;
    function _default_67270({item, hideBackground}) { // fn#67270, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8657:517, offset: 0x01c1c73e, size: 278 bytes, params: 2, frame: 24
        hideBackground = !(hideBackground === undefined) && hideBackground;
        const styles = useStyles();
        const value2 = !hideBackground;
        return (
            <View style={[styles.profileContainer, hideBackground ? value2 : styles.profileBackground]}>
                {((Component) => <Component style={[styles.sampleProfileImage]} source={{uri: importDefault(8473) /* metro dependency 8473: sample_profilePng */}} accessible={false} resizeMode="cover" />)(importDefault(5475) /* metro dependency 5475: FastImage */)}
                {
                    hideBackground
                        ? value2
                        : (
                            <View style={styles.profileBorder} />
                        )
                }
                {((Component) => <Component skuId={item.skuId} bannerAdjustment={0} useThumbnail />)(importDefault(8474) /* metro dependency 8474: ProfileEffect */)}
            </View>
        );
    }

}

global.__d(_fun67269, 8472, [27, 8471, 33, 4501, 697, 5475, 8473, 8474,
        2]) /* metro module 8472, dependencies: [27, 8471, 33, 4501, 697, 5475, 8473, 8474, 2] */;