/* Metro module 8482; source: modules/collectibles/nameplates/native/NameplateDummyUserPreview.tsx; dependencies: [31, 27, 1310, 33, 1305, 697, 4501, 566, 3866, 8483, 8485, 8486, 2] */
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
    var object4;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_3 = (require(27) /* metro dependency 27 */).View;
    const themeStore = importDefault(1310) /* metro dependency 1310: ThemeStore */;
    const value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    object4 = {};
    const AvatarSizes = (require(1305) /* metro dependency 1305: native */).AvatarSizes;
    const XSMALL_20 = AvatarSizes.XSMALL_20;
    const object5 = {};
    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object5.padding = PX_4;
    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
    object5.avatarMarginRight = PX_4;
    object5.placeholderBarHeight = 6;
    object4[XSMALL_20] = object5;
    const XSMALL = AvatarSizes.XSMALL;
    object4[XSMALL] = {'padding': 6, 'avatarMarginRight': 6, 'placeholderBarHeight': 8};
    const NORMAL = AvatarSizes.NORMAL;
    const object6 = {};
    let PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object6.padding = PX_8;
    PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
    object6.avatarMarginRight = PX_8;
    object6.placeholderBarHeight = 14;
    object4[NORMAL] = object6;
    const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun67325);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/collectibles/nameplates/native/NameplateDummyUserPreview.tsx');
    exports.NAMEPLATE_DUMMY_USER_PREVIEW_CONFIG = object4;
    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 object4 = {};
    const object7 = {'padding': null, 'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'flex-start',
        'width': '100%', 'position': 'relative'};
    object7.padding = property.padding;
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    object4.container = object7;
    const object8 = {};
    object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
    object8.marginRight = property.avatarMarginRight;
    let BORDER_STRONG = a1 ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG : 'transparent';
    object8.backgroundColor = BORDER_STRONG;
    object4.avatarContainer = object8;
    object4.avatar = {opacity: a1 ? 0 : 0.5};
    const object9 = {};
    object9.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object9.height = property.placeholderBarHeight;
    BORDER_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG;
    object9.backgroundColor = BORDER_STRONG;
    object4.placeholderBar = object9;
    const object10 = {};
    object10.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    object4.nameplate = object10;
    return object4;
}

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>
    );
}