UNPKG

react-native-chating-ui-kit

Version:

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

23 lines 955 B
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 ?? '', height: 24, width: 24 }}/> </TouchableOpacity>)} <Text style={[styles.headingText, titleStyle]}>{title}</Text> </View>); }; const styles = StyleSheet.create({ container: { flexDirection: 'row', alignItems: 'center', height: 56, paddingLeft: 15, }, iconContainer: { paddingRight: 25, alignItems: 'center' }, headingText: { fontSize: 20, fontWeight: '600', color: '#000' }, }); export default Header; //# sourceMappingURL=Header.js.map