/* Metro module 12754; source: design/void/RoleDot/native/RoleDot.tsx; dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */
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
    var object2;
    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;
    let value = require(33) /* metro dependency 33 */;
    const env0_4 = value.jsx;
    const env0_5 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object2 = {};
    object2.container = {flexShrink: 0};
    object2.background = {position: 'relative'};
    const object3 = {};
    const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
    object3.backgroundColor = BACKGROUND_MOD_NORMAL;
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object2.backgroundColor = object3;
    const object7 = {};
    const TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
    object7.backgroundColor = TEXT_DEFAULT;
    object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object2.borderBase = object7;
    const object8 = {};
    object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
    object8.opacity = 0.4;
    object2.borderColor = object8;
    object2.dot = {'borderRadius': 10, 'position': 'absolute'};
    const env0_6 = Reflect.apply(createStyles, value, [object2]);
    (require(2) /* metro dependency 2 */).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 object3;
    var object4;
    var moduleValue2;
    var value15;
    var object5;
    var container;
    var items3;
    var object8;
    var items2;
    var items5;
    var dot;
    var items6;
    var defaultImport2;
    var object9;
    var items7;
    var items8;
    size = size === undefined ? 'normal' : size;
    background = background === undefined || background;
    const styles = useStyles();
    const value5 = (require(4584) /* metro dependency 4584: useFontScale */).useFontScale();
    const value7 = (importDefault(6630) /* metro dependency 6630: useHasEnhancedRoleColors */)(guildId, null);
    if (color != null) {
        value10 = (size !== 'normal' ? 16 : 20) * value5;
        value11 = value10 / 2 + 2;
        value12 = value11 - 2;
        object3 = {};
        object4 = {paddingRight: 2 * value5};
        moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
        object4.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
        object4.height = value10;
        object3.container = object4;
        object3.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
        object3.border = {height: value11, width: value11};
        value15 = value12 / 2;
        object3.dot = {height: value12, width: value12, top: value15, left: value15};
        object5 = {};
        container = styles.container;
        items3 = [container];
        container = object3.container;
        items3[1] = container;
        items3[2] = containerStyles;
        object5.style = items3;
        object8 = {};
        items2 = [styles.background];
        items2[1] = background ? styles.backgroundColor : null;
        background = object3.background;
        items2[2] = background;
        object8.style = items2;
        items5 = [<View style={[styles.borderBase]}><View style={[styles.borderColor, object3.border,
            {backgroundColor: color ?? undefined}]} /></View>];
        if (value7) {
            if (colors == null) {
                dot = styles.dot;
                items6 = [dot];
                dot = object3.dot;
                items6[1] = dot;
                items6[2] = {backgroundColor: color ?? undefined};
                r8 = <View style={items6} />;
            } else if (colors.secondaryColor != null) {
                defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
                object9 = {};
                items7 = [colors.primaryColor];
                items7[1] = colors.secondaryColor;
                items7[2] = colors.tertiaryColor;
                object9.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
                object9.start = {'x': 0, 'y': 0};
                object9.end = {'x': 1, 'y': 0};
                dot = styles.dot;
                items8 = [dot];
                dot = object3.dot;
                items8[1] = dot;
                object9.style = items8;
                r8 = ((Component) => <Component {...object9} />)(defaultImport2);
            } else {
                dot = styles.dot;
                items6 = [dot];
                dot = object3.dot;
                items6[1] = dot;
                items6[2] = {backgroundColor: color ?? undefined};
                r8 = <View style={items6} />;
            }
        } else {
            dot = styles.dot;
            items6 = [dot];
            dot = object3.dot;
            items6[1] = dot;
            items6[2] = {backgroundColor: color ?? undefined};
            r8 = <View style={items6} />;
        }
        items5[1] = r8;
        return (
            <View {...object5}>
                <View {...object8}>
                    {items5}
                </View>
            </View>
        );
    }
    if (colors == null) {
        return null;
    }
    value10 = (size !== 'normal' ? 16 : 20) * value5;
    value11 = value10 / 2 + 2;
    value12 = value11 - 2;
    object3 = {};
    object4 = {paddingRight: 2 * value5};
    moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
    object4.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
    object4.height = value10;
    object3.container = object4;
    object3.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
    object3.border = {height: value11, width: value11};
    value15 = value12 / 2;
    object3.dot = {height: value12, width: value12, top: value15, left: value15};
    items3 = [styles.container];
    items3[1] = object3.container;
    items3[2] = containerStyles;
    items2 = [styles.background];
    items2[1] = background ? styles.backgroundColor : null;
    items2[2] = object3.background;
    const view = <View style={[styles.borderBase]}><View style={[styles.borderColor, object3.border,
        {backgroundColor: color ?? undefined}]} /></View>;
    if (value7) {
        if (colors == null) {
            dot = styles.dot;
            items6 = [dot];
            dot = object3.dot;
            items6[1] = dot;
            items6[2] = {backgroundColor: color ?? undefined};
            r8 = <View style={items6} />;
        } else if (colors.secondaryColor != null) {
            defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
            object9 = {};
            items7 = [colors.primaryColor];
            items7[1] = colors.secondaryColor;
            items7[2] = colors.tertiaryColor;
            object9.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
            object9.start = {'x': 0, 'y': 0};
            object9.end = {'x': 1, 'y': 0};
            dot = styles.dot;
            items8 = [dot];
            dot = object3.dot;
            items8[1] = dot;
            object9.style = items8;
            r8 = ((Component) => <Component {...object9} />)(defaultImport2);
        } else {
            dot = styles.dot;
            items6 = [dot];
            dot = object3.dot;
            items6[1] = dot;
            items6[2] = {backgroundColor: color ?? undefined};
            r8 = <View style={items6} />;
        }
    } else {
        dot = styles.dot;
        items6 = [dot];
        dot = object3.dot;
        items6[1] = dot;
        items6[2] = {backgroundColor: color ?? undefined};
        r8 = <View style={items6} />;
    }
    return (
        <View style={items3}>
            <View style={items2}>
                {view}
                {r8}
            </View>
        </View>
    );
}