/* Metro module 8001; source: design/void/CardSection/native/CardSection.tsx; dependencies: [31, 27, 661, 33, 4501, 6597, 697, 8002, 2] */
function _fun63583(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63583, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8179:6, offset: 0x01b8671a, size: 361 bytes, params: 8, frame: 26
    var object3;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    const Fonts = (require(661) /* metro dependency 661: Constants */).Fonts;
    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;
    object3 = {container: {'paddingTop': 16, 'paddingHorizontal': 16}};
    const textStyles = importDefault(6597) /* metro dependency 6597: TextStyles */;
    const DISPLAY_EXTRABOLD = Fonts.DISPLAY_EXTRABOLD;
    const TEXT_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_SUBTLE;
    object3.title = textStyles(DISPLAY_EXTRABOLD, TEXT_SUBTLE, 12, {'uppercase': true, 'marginBottom': 6});
    const object4 = {};
    object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object4.overflow = 'hidden';
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object4.backgroundColor = BACKGROUND_BASE_LOWEST;
    object3.card = object4;
    const env0_5 = Reflect.apply(createStyles, value, [object3]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/CardSection/native/CardSection.tsx');
    exports.default = CardSection;
}

function CardSection({title, children, headerComponent, titleStyle, cardStyle, style, accessibilityRole, accessibilityLabel}) { // fn#63584, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8179:445, offset: 0x01b86883, size: 265 bytes, params: 2, frame: 27
    const styles = useStyles();
    const items2 = [styles.container, style];
    const items3 = [title != null ? ((Component) => <Component style={[styles.title,
        titleStyle]} accessibilityRole="header">{title}</Component>)(importDefault(8002) /* metro dependency 8002: LegacyText */) : null];
    items3[1] = headerComponent ?? null;
    items3[2] = children != null ? <View style={[styles.card, cardStyle]}>{children}</View> : null;
    return (
        <View
            style={items2}
            accessibilityRole={accessibilityRole}
            accessibilityLabel={accessibilityLabel}
        >
            {items3}
        </View>
    );
}