react-native-chating-ui-kit/lib/calls/CometChatCallBubble/CometChatCallBubble.js

CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly

import React from 'react';
import { View, TouchableOpacity, Image, Text, } from 'react-native';
import { Style } from './styles';
import { CallBubbleStyle } from './CallBubbleStyle';
export const CometChatCallBubble = (props) => {
    const { icon, title, buttonText, onClick, style } = props;
    const _style = new CallBubbleStyle({
        ...style
    });
    const { backgroundColor, border, borderRadius, buttonBackgroundColor, buttonTextColor, buttonTextFont, iconTint, titleColor, titleFont, } = _style;
    return <View style={[{ backgroundColor, borderRadius }, border]}>
    <View style={[Style.row, { margin: 8 }]}>
      <Image source={icon} style={[Style.iconStyle, { tintColor: iconTint }]}/>
      <Text style={{ flexShrink: 1, color: titleColor, ...titleFont }}> {title} </Text>
    </View>
    <TouchableOpacity onPress={onClick} style={[Style.buttonStyle, { backgroundColor: buttonBackgroundColor }]}>
      <Text style={{ color: buttonTextColor, ...buttonTextFont }}> {buttonText} </Text>
    </TouchableOpacity>
  </View>;
};
//# sourceMappingURL=CometChatCallBubble.js.map