/* Metro module 8509; source: modules/media/native/Caption.tsx; dependencies: [27, 661, 33, 4501, 697, 4000, 1305, 2] */
function _fun67450(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67450, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8694:6, offset: 0x01c23282, size: 344 bytes, params: 8, frame: 25
    var object4;
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const env0_2 = (require(27) /* metro dependency 27 */).View;
    const Fonts = (require(661) /* metro dependency 661: Constants */).Fonts;
    const env0_3 = (require(33) /* metro dependency 33 */).jsx;
    const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
    const createStyles = createStylesModule.createStyles;
    object4 = {};
    const object5 = {};
    const PRIMARY_BOLD = Fonts.PRIMARY_BOLD;
    object5.fontFamily = PRIMARY_BOLD;
    const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
    object5.color = WHITE;
    object5.fontSize = 12;
    object4.captionText = object5;
    const object6 = {'backgroundColor': null, 'borderRadius': null, 'paddingHorizontal': 8, 'paddingVertical': 2,
        'position': 'absolute', 'right': 6, 'bottom': 6};
    const colorUtilsModule = require(4000) /* metro dependency 4000: ColorUtils */;
    const hexWithOpacity = colorUtilsModule.hexWithOpacity;
    const PRIMARY_700 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PRIMARY_700;
    object6.backgroundColor = Reflect.apply(hexWithOpacity, colorUtilsModule, [PRIMARY_700, 0.5]);
    object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object4.labelContainer = object6;
    const env0_4 = Reflect.apply(createStyles, createStylesModule, [object4]);
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/media/native/Caption.tsx');
    exports.Caption = Caption;
}

function Caption({label, style, textStyle}) { // fn#67451, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8694:524, offset: 0x01c233da, size: 136 bytes, params: 2, frame: 20
    const styles = useStyles();
    const items2 = [styles.labelContainer, style];
    const LegacyText = (require(1305) /* metro dependency 1305: native */).LegacyText;
    return (
        <View style={items2}>
            <LegacyText style={[styles.captionText, textStyle]}>
                {label}
            </LegacyText>
        </View>
    );
}