react-native-chating-ui-kit/lib/CometChatDetails/Header.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 { View, Text, TouchableOpacity, Image, StyleSheet } from 'react-native';
import React from 'react';
const Header = (props) => {
    const { title, showCloseButton, closeButtonIcon, onPress, titleStyle, closeIconTint, } = props;
    return (<View style={styles.container}>
      {showCloseButton && (<TouchableOpacity style={styles.iconContainer} onPress={onPress}>
          <Image source={closeButtonIcon} style={{
                tintColor: closeIconTint ?? 'rgb(51, 153, 255)',
                height: 24,
                width: 24,
            }}/>
        </TouchableOpacity>)}
      <Text style={[styles.headingText, titleStyle]}>{title}</Text>
    </View>);
};
const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        alignItems: 'center',
        height: 56,
    },
    iconContainer: { paddingRight: 15 },
    headingText: { fontSize: 20, fontWeight: '600', color: '#000' },
});
export default Header;
//# sourceMappingURL=Header.js.map