<Alert /> component styled at specialized level.

Alert.js

import React from "react";
import { View, Text } from "react-native";

const Alert = ({ title, text }) => {
    return (
      <ThemeContext.Consumer>
         {theme => (
           <View style={[
               ...,
               { 
                 backgroundColor: "#fdd5d3",  
                 borderColor: "#fc9e97" 
               }
           ]}>
             <Text style={[..., { color: "#a4150b" }]}> {title} </Text>
             <Text style={[..., { color: "#a4150b" }]}> {text} </Text>
           </View>
    </ThemeContext.Consumer>
  );
};

export default Alert;