react-native-global-modal-2/build/dist/components/title/Title.js

🌍 Global modal and callable from anywhere on the app for React Native

import React from "react";
import { View, Text, Image, Pressable, } from "react-native";
/**
 * ? Local Imports
 */
import styles from "./Title.style";
const Title = ({ title, description, style, headerStyle, iconImageStyle, titleTextStyle, iconContainerStyle, titleContainerStyle, descriptionTextStyle, descriptionContainerStyle, imageSource = require("../../local-assets/home.png"), onClosePress, }) => {
    const renderIcon = () => (<View style={[styles.iconContainer, iconContainerStyle]}>
      <Image resizeMode="contain" source={imageSource} style={[styles.iconImageStyle, iconImageStyle]}/>
    </View>);
    const renderTitle = () => (<View style={[styles.titleContainer, titleContainerStyle]}>
      <Text style={[styles.titleTextStyle, titleTextStyle]}>{title}</Text>
    </View>);
    const renderDescription = () => (<View style={[styles.descriptionContainer, descriptionContainerStyle]}>
      <Text style={[styles.descriptionTextStyle, descriptionTextStyle]}>
        {description}
      </Text>
    </View>);
    const renderCloseButton = () => (<Pressable style={styles.closeButton} onPress={onClosePress}>
      <Image source={require("../../local-assets/cross.png")} style={styles.closeButtonImageStyle}/>
    </Pressable>);
    return (<View style={[styles.container, style]}>
      <View style={[styles.header, headerStyle]}>
        {renderIcon()}
        {renderTitle()}
        {renderCloseButton()}
      </View>
      {renderDescription()}
    </View>);
};
export default Title;
//# sourceMappingURL=Title.js.map