/* Metro module 12754; source: design/void/RoleDot/native/RoleDot.tsx; dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */
import UseHasEnhancedRoleColors from '../../../../modules/premium/powerups/hooks/useHasEnhancedRoleColors.tsx'; /* Metro dependency 6630 */
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 UseFontScaleModule from '../../../../modules/screen/native/useFontScale.tsx'; /* Metro dependency 4584 */

function _fun97512(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97512, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:6, offset: 0x02185058, size: 398 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    let value = JsxRuntimeModule;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {};
    object.container = {flexShrink: 0};
    object.background = {position: 'relative'};
    const object4 = {};
    const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
    object4.backgroundColor = BACKGROUND_MOD_NORMAL;
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object.backgroundColor = object4;
    const object5 = {};
    const TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
    object5.backgroundColor = TEXT_DEFAULT;
    object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object.borderBase = object5;
    const object6 = {};
    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object6.opacity = 0.4;
    object.borderColor = object6;
    object.dot = {'borderRadius': 10, 'position': 'absolute'};
    const env0_6 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).fileFinishedImporting('design/void/RoleDot/native/RoleDot.tsx');
    exports.RoleDot = RoleDot_97513;
    function RoleDot_97513({color, colors, size, background, containerStyles, guildId}) { // fn#97513, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:598, offset: 0x021851e6, size: 767 bytes, params: 2, frame: 30
        var r8;
        var value10;
        var value11;
        var value12;
        var object;
        var object2;
        var moduleValue2;
        var value15;
        var object6;
        var container;
        var items3;
        var object7;
        var items2;
        var items5;
        var dot;
        var items6;
        var defaultImport2;
        var object10;
        var items7;
        var items8;
        size = size === undefined ? 'normal' : size;
        background = background === undefined || background;
        const styles = useStyles();
        const value5 = (UseFontScaleModule).useFontScale();
        const value7 = (UseHasEnhancedRoleColors)(guildId, null);
        if (color != null) {
            value10 = (size !== 'normal' ? 16 : 20) * value5;
            value11 = value10 / 2 + 2;
            value12 = value11 - 2;
            object = {};
            object2 = {paddingRight: 2 * value5};
            moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
            object2.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
            object2.height = value10;
            object.container = object2;
            object.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
            object.border = {height: value11, width: value11};
            value15 = value12 / 2;
            object.dot = {height: value12, width: value12, top: value15, left: value15};
            object6 = {};
            container = styles.container;
            items3 = [container];
            container = object.container;
            items3[1] = container;
            items3[2] = containerStyles;
            object6.style = items3;
            object7 = {};
            items2 = [styles.background];
            items2[1] = background ? styles.backgroundColor : null;
            background = object.background;
            items2[2] = background;
            object7.style = items2;
            items5 = [
                <View style={[styles.borderBase]}>
                    <View style={[styles.borderColor, object.border, {backgroundColor: color ?? undefined}]} />
                </View>,
            ];
            if (value7) {
                if (colors == null) {
                    dot = styles.dot;
                    items6 = [dot];
                    dot = object.dot;
                    items6[1] = dot;
                    items6[2] = {backgroundColor: color ?? undefined};
                    r8 = <View style={items6} />;
                } else if (colors.secondaryColor != null) {
                    defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
                    object10 = {};
                    items7 = [colors.primaryColor];
                    items7[1] = colors.secondaryColor;
                    items7[2] = colors.tertiaryColor;
                    object10.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
                    object10.start = {'x': 0, 'y': 0};
                    object10.end = {'x': 1, 'y': 0};
                    dot = styles.dot;
                    items8 = [dot];
                    dot = object.dot;
                    items8[1] = dot;
                    object10.style = items8;
                    r8 = ((Component) => <Component {...object10} />)(defaultImport2);
                } else {
                    dot = styles.dot;
                    items6 = [dot];
                    dot = object.dot;
                    items6[1] = dot;
                    items6[2] = {backgroundColor: color ?? undefined};
                    r8 = <View style={items6} />;
                }
            } else {
                dot = styles.dot;
                items6 = [dot];
                dot = object.dot;
                items6[1] = dot;
                items6[2] = {backgroundColor: color ?? undefined};
                r8 = <View style={items6} />;
            }
            items5[1] = r8;
            return (
                <View {...object6}>
                    <View {...object7}>
                        {items5}
                    </View>
                </View>
            );
        }
        if (colors == null) {
            return null;
        }
        value10 = (size !== 'normal' ? 16 : 20) * value5;
        value11 = value10 / 2 + 2;
        value12 = value11 - 2;
        object = {};
        object2 = {paddingRight: 2 * value5};
        moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
        object2.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
        object2.height = value10;
        object.container = object2;
        object.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
        object.border = {height: value11, width: value11};
        value15 = value12 / 2;
        object.dot = {height: value12, width: value12, top: value15, left: value15};
        items3 = [styles.container];
        items3[1] = object.container;
        items3[2] = containerStyles;
        items2 = [styles.background];
        items2[1] = background ? styles.backgroundColor : null;
        items2[2] = object.background;
        const view = (
            <View style={[styles.borderBase]}>
                <View style={[styles.borderColor, object.border, {backgroundColor: color ?? undefined}]} />
            </View>
        );
        if (value7) {
            if (colors == null) {
                dot = styles.dot;
                items6 = [dot];
                dot = object.dot;
                items6[1] = dot;
                items6[2] = {backgroundColor: color ?? undefined};
                r8 = <View style={items6} />;
            } else if (colors.secondaryColor != null) {
                defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
                object10 = {};
                items7 = [colors.primaryColor];
                items7[1] = colors.secondaryColor;
                items7[2] = colors.tertiaryColor;
                object10.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
                object10.start = {'x': 0, 'y': 0};
                object10.end = {'x': 1, 'y': 0};
                dot = styles.dot;
                items8 = [dot];
                dot = object.dot;
                items8[1] = dot;
                object10.style = items8;
                r8 = ((Component) => <Component {...object10} />)(defaultImport2);
            } else {
                dot = styles.dot;
                items6 = [dot];
                dot = object.dot;
                items6[1] = dot;
                items6[2] = {backgroundColor: color ?? undefined};
                r8 = <View style={items6} />;
            }
        } else {
            dot = styles.dot;
            items6 = [dot];
            dot = object.dot;
            items6[1] = dot;
            items6[2] = {backgroundColor: color ?? undefined};
            r8 = <View style={items6} />;
        }
        return (
            <View style={items3}>
                <View style={items2}>
                    {view}
                    {r8}
                </View>
            </View>
        );
    }

}

global.__d(_fun97512, 12754, [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360,
        2]) /* metro module 12754, dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */;