/* Metro module 8509; source: modules/media/native/Caption.tsx; dependencies: [27, 661, 33, 4501, 697, 4000, 1305, 2] */
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 JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ConstantsModule from '../../../Constants.tsx'; /* Metro dependency 661 */
import * as NativeModule from '../../../design/void/native.tsx'; /* Metro dependency 1305 */
import * as ColorUtilsModule from '../../../utils/ColorUtils.tsx'; /* Metro dependency 4000 */
import * as CreateStylesModule from '../../../design/components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */

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
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    const Fonts = (ConstantsModule).Fonts;
    const createStyles = CreateStylesModule.createStyles;
    object = {};
    const object2 = {};
    const PRIMARY_BOLD = Fonts.PRIMARY_BOLD;
    object2.fontFamily = PRIMARY_BOLD;
    const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
    object2.color = WHITE;
    object2.fontSize = 12;
    object.captionText = object2;
    const object3 = {'backgroundColor': null, 'borderRadius': null, 'paddingHorizontal': 8, 'paddingVertical': 2,
        'position': 'absolute', 'right': 6, 'bottom': 6};
    const hexWithOpacity = ColorUtilsModule.hexWithOpacity;
    const PRIMARY_700 = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.PRIMARY_700;
    object3.backgroundColor = Reflect.apply(hexWithOpacity, ColorUtilsModule, [PRIMARY_700, 0.5]);
    object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
    object.labelContainer = object3;
    const env0_4 = Reflect.apply(createStyles, CreateStylesModule, [object]);
    (FileImportTrackerModule).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 = (NativeModule).LegacyText;
        return (
            <View style={items2}>
                <LegacyText style={[styles.captionText, textStyle]}>
                    {label}
                </LegacyText>
            </View>
        );
    }

}

global.__d(_fun67450, 8509, [27, 661, 33, 4501, 697, 4000, 1305,
        2]) /* metro module 8509, dependencies: [27, 661, 33, 4501, 697, 4000, 1305, 2] */;