mediasfu-reactnative-expo/dist/src/components_modern/display_components/ModernMiniAudio.js

mediasfu-reactnative-expo – Expo-managed React Native WebRTC SDK for video conferencing, webinars, live streaming, broadcast, screen sharing, whiteboard, chat, recording, live subtitles, translation, and AI agent rooms on iOS, Android, and web. Prebuilt r

import React from 'react';
import { StyleSheet } from 'react-native';
import MiniAudio from '../../components/displayComponents/MiniAudio';
import { getModernColors, resolveIsDarkMode } from '../core/modernTheme';
export const ModernMiniAudio = (props) => {
    const colors = getModernColors(resolveIsDarkMode(props));
    const flattenedStyle = StyleSheet.flatten(props.customStyle) || {};
    const usesDefaultGray = flattenedStyle.backgroundColor === 'gray';
    return (<MiniAudio {...props} barColor={props.barColor === 'white' ? colors.accentAlt : props.barColor ?? colors.accentAlt} textColor={props.textColor ?? colors.invertedText} roundedImage={props.roundedImage ?? true} customStyle={[
            {
                borderRadius: 18,
                borderWidth: 1,
                borderColor: colors.border,
                backgroundColor: usesDefaultGray ? colors.mediaTileAlt : colors.mediaTile,
                overflow: 'hidden',
            },
            usesDefaultGray ? null : props.customStyle,
        ]} nameTextStyling={[
            {
                color: colors.invertedText,
                backgroundColor: 'rgba(0, 0, 0, 0.46)',
                fontWeight: '700',
            },
            props.nameTextStyling,
        ]} imageStyle={[
            {
                opacity: resolveIsDarkMode(props) ? 0.82 : 0.9,
            },
            props.imageStyle,
        ]}/>);
};
export default ModernMiniAudio;
//# sourceMappingURL=ModernMiniAudio.js.map