/* Metro module 8482; source: modules/collectibles/nameplates/native/NameplateDummyUserPreview.tsx; dependencies: [31, 27, 1310, 33, 1305, 697, 4501, 566, 3866, 8483, 8485, 8486, 2] */
import ThemeStore from '../../../user_settings/ThemeStore.tsx'; /* Metro dependency 1310 */
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 NativeModule from '../../../../design/void/native.tsx'; /* Metro dependency 1305 */
import * as CreateStylesModule from '../../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

function _fun67324(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67324, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8667:6, offset: 0x01c1e071, size: 442 bytes, params: 8, frame: 23
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    object = {};
    const AvatarSizes = (NativeModule).AvatarSizes;
    const XSMALL_20 = AvatarSizes.XSMALL_20;
    const object2 = {};
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.padding = PX_4;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object2.avatarMarginRight = PX_4;
    object2.placeholderBarHeight = 6;
    object[XSMALL_20] = object2;
    const XSMALL = AvatarSizes.XSMALL;
    object[XSMALL] = {'padding': 6, 'avatarMarginRight': 6, 'placeholderBarHeight': 8};
    const NORMAL = AvatarSizes.NORMAL;
    const object3 = {};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.padding = PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object3.avatarMarginRight = PX_8;
    object3.placeholderBarHeight = 14;
    object[NORMAL] = object3;
    const env0_8 = (CreateStylesModule).createStyles(_fun67325);
    (FileImportTrackerModule).fileFinishedImporting('modules/collectibles/nameplates/native/NameplateDummyUserPreview.tsx');
    exports.NAMEPLATE_DUMMY_USER_PREVIEW_CONFIG = object;
    exports.NameplateDummyUserPreview = NameplateDummyUserPreview;
    function _fun67325(a0, a1) { // fn#67325, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8667:508, offset: 0x01c1e22b, size: 297 bytes, params: 3, frame: 18
        const property = env0_7[a0];
        const object = {};
        const object2 = {'padding': null, 'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'flex-start',
            'width': '100%', 'position': 'relative'};
        object2.padding = property.padding;
        object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
        object.container = object2;
        const object3 = {};
        object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
        object3.marginRight = property.avatarMarginRight;
        let BORDER_STRONG = a1 ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG : 'transparent';
        object3.backgroundColor = BORDER_STRONG;
        object.avatarContainer = object3;
        object.avatar = {opacity: a1 ? 0 : 0.5};
        const object5 = {};
        object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
        object5.height = property.placeholderBarHeight;
        BORDER_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG;
        object5.backgroundColor = BORDER_STRONG;
        object.placeholderBar = object5;
        const object6 = {};
        object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
        object.nameplate = object6;
        return object;
    }

    function NameplateDummyUserPreview({width, hideAvatar, avatarSize = require(dependencyMap[4]).AvatarSizes.NORMAL, nameplate, style, animate}) { // fn#67326, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8667:1202, offset: 0x01c1e354, size: 412 bytes, params: 2, frame: 27
        hideAvatar = !(hideAvatar === undefined) && hideAvatar;
        animate = !(animate === undefined) && animate;
        const styles = useStyles(avatarSize, hideAvatar);
        const value2 = require(dependencyMap[7]).useStateFromStores([ThemeStore], function() {
            return require(dependencyMap[8]).isThemeDark(ThemeStore.theme);
        });
        const items3 = [styles.container, style];
        const items2 = [
            ((Component) => <Component nameplate={nameplate} fullOpacity style={styles.nameplate} animate={animate} />)(importDefault(dependencyMap[9])),
                
        ];
        const Avatar = require(dependencyMap[4]).Avatar;
        const avatarProps = {source: importDefault(value2 ? dependencyMap[10] : dependencyMap[11]), size: avatarSize};
        avatarProps['aria-hidden'] = true;
        avatarProps.style = styles.avatar;
        items2[1] = (
            <View style={styles.avatarContainer}>
                <Avatar {...avatarProps} />
            </View>
        );
        items2[2] = <View style={[styles.placeholderBar, {width: width}]} />;
        return (
            <View style={items3}>
                {items2}
            </View>
        );
    }

}

global.__d(_fun67324, 8482, [31, 27, 1310, 33, 1305, 697, 4501, 566, 3866, 8483, 8485, 8486,
        2]) /* metro module 8482, dependencies: [31, 27, 1310, 33, 1305, 697, 4501, 566, 3866, 8483, 8485, 8486, 2] */;