fastcomments-react-native-sdk/src/components/comment-user-badge.js

React Native FastComments Components. Add live commenting to any React Native application.

import { jsx as _jsx } from "react/jsx-runtime";
import { Image, Text, View } from "react-native";
export function CommentUserBadge({ badge, styles }) {
    if (badge.displaySrc) {
        return _jsx(View, { style: styles.commentUserBadge?.imageBadge, children: _jsx(Image, { style: styles.commentUserBadge?.imageBadgeImage, source: { uri: badge.displaySrc } }) });
    }
    else {
        const textBadgeStyles = { ...styles.commentUserBadge?.textBadge };
        const textBadgeTextStyles = { ...styles.commentUserBadge?.textBadgeText };
        if (badge.backgroundColor) {
            textBadgeStyles.backgroundColor = badge.backgroundColor;
        }
        if (badge.borderColor) {
            textBadgeStyles.borderColor = badge.borderColor;
        }
        if (badge.textColor) {
            textBadgeTextStyles.color = badge.textColor;
        }
        return _jsx(View, { style: textBadgeStyles, children: _jsx(Text, { numberOfLines: 1, style: textBadgeTextStyles, children: badge.displayLabel }) });
    }
}