/* Metro module 8001; source: design/void/CardSection/native/CardSection.tsx; dependencies: [31, 27, 661, 33, 4501, 6597, 697, 8002, 2] */
import TextStyles from '../../../../modules/rebrand/native/TextStyles.tsx'; /* Metro dependency 6597 */
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 ConstantsModule from '../../../../Constants.tsx'; /* Metro dependency 661 */

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
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const Fonts = (ConstantsModule).Fonts;
    let value = JsxRuntimeModule;
    const env0_3 = value.jsx;
    const env0_4 = value.jsxs;
    value = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = value.createStyles;
    object = {container: {'paddingTop': 16, 'paddingHorizontal': 16}};
    const DISPLAY_EXTRABOLD = Fonts.DISPLAY_EXTRABOLD;
    const TEXT_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_SUBTLE;
    object.title = TextStyles(DISPLAY_EXTRABOLD, TEXT_SUBTLE, 12, {'uppercase': true, 'marginBottom': 6});
    const object2 = {};
    object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object2.overflow = 'hidden';
    const BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
    object2.backgroundColor = BACKGROUND_BASE_LOWEST;
    object.card = object2;
    const env0_5 = Reflect.apply(createStyles, value, [object]);
    (FileImportTrackerModule).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>
        );
    }

}

global.__d(_fun63583, 8001, [31, 27, 661, 33, 4501, 6597, 697, 8002,
        2]) /* metro module 8001, dependencies: [31, 27, 661, 33, 4501, 6597, 697, 8002, 2] */;