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
JavaScript
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