react-native-chating-ui-kit/lib/CometChatJoinProtectedGroup/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';
import { ICONS } from './resources';
const Header = (props) => {
    const { title, titleStyle, closeIconTint, joinIconTint, joinIcon, closeIcon, onCancel, onSubmit, } = props;
    return (<View style={styles.container}>
      <View style={styles.leftContainer}>
        <TouchableOpacity style={styles.iconContainer} onPress={onCancel}>
          <Image source={closeIcon ?? ICONS.CLOSE} style={{ tintColor: closeIconTint ?? '', height: 24, width: 24 }}/>
        </TouchableOpacity>
        <Text style={[styles.headingText, titleStyle]}>{title}</Text>
      </View>
      <TouchableOpacity style={styles.iconContainer} onPress={onSubmit}>
        <Image source={joinIcon ?? ICONS.TICK} style={{ tintColor: joinIconTint ?? '', height: 24, width: 24 }}/>
      </TouchableOpacity>
    </View>);
};
const styles = StyleSheet.create({
    container: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between',
        height: 56,
    },
    leftContainer: {
        flexDirection: 'row',
        alignItems: 'center',
    },
    iconContainer: { paddingRight: 15 },
    headingText: { fontSize: 20, fontWeight: '600', color: '#000' },
});
export default Header;
//# sourceMappingURL=Header.js.map