/* Metro module 11378; source: modules/user_profile/native/UserProfileSection.tsx; dependencies: [31, 27, 33, 4501, 697, 3868, 6791, 4000, 7331, 4573, 2] */
function _fun87225(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#87225, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11564:6, offset: 0x01fb44a5, size: 308 bytes, params: 8, frame: 22
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    let value = require(33) /* metro dependency 33 */;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    const object = {borderWidth: 1};
    object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.sm;
    const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
    object.borderColor = BORDER_SUBTLE;
    const env0_5 = Reflect.apply(createStyles, value, [{titleContainer: {'flexDirection': 'row', 'marginBottom': 12,
        'justifyContent': 'space-between'}, title: {flexDirection: 'row'}, section: {'marginHorizontal': 12,
        'marginTop': 12, 'marginBottom': 8}, contentContainer: object}]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/user_profile/native/UserProfileSection.tsx');
    exports.default = UserProfileSection;
}

function UserProfileSection(a0) { // fn#87226, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11564:541, offset: 0x01fb45d9, size: 500 bytes, params: 2, frame: 31
    var r1;
    var moduleValue3;
    const title = a0.title;
    const headerIcon = a0.headerIcon;
    const trailingIcon = a0.trailingIcon;
    const showContainer = a0.showContainer;
    const children = a0.children;
    const style = a0.style;
    const object3 = {'title': 0, 'headerIcon': 0, 'trailingIcon': 0, 'showContainer': 0, 'children': 0, 'style': 0};
    const value = null;
    silentSetPrototypeOf(object3, value, undefined);
    const value2 = copyDataProperties({}, a0, object3, undefined);
    const styles = useStyles();
    const {theme, primaryColor} = (require(3868) /* metro dependency 3868: native */).useThemeContext();
    const value5 = (require(6791) /* metro dependency 6791: useProfileThemeValuesNative */).useProfileThemeValues(theme);
    const object4 = {};
    copyDataProperties(object4, styles.contentContainer, object3);
    if (value == primaryColor) {
        r1 = styles.contentContainer.borderColor;
    } else if (value != value5) {
        moduleValue3 = require(4000) /* metro dependency 4000: ColorUtils */;
        r1 = moduleValue3.hexOpacityToRgba((require(7331) /* metro dependency 7331: FormDivider */).DIVIDER_COLORS[theme],
            
            value5.dividerOpacity);
    } else {
        r1 = styles.contentContainer.borderColor;
    }
    object4['borderColor'] = r1;
    return (
        <View style={[styles.section, style]} {...value2}>
            {value != title ? <View style={styles.titleContainer}><View style={styles.title}>{((Text) => <Text variant="eyebrow" accessibilityRole="header">{title}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}{headerIcon}</View>{trailingIcon}</View> : value}
            <View style={showContainer ? object4 : value}>
                {children}
            </View>
        </View>
    );
}