<Alert /> component styled at project / organisation level.

Alert.js

import React from "react";
import { View, Text } from "react-native";
import palx from "palx" // props to palx!
const ThemeContext = React.createContext(palx("#ff0066"));

const Alert = ({ title, text }) => {
    return (
      <ThemeContext.Consumer>
         {theme => (
           <View style={[
               ...,
               { 
                 backgroundColor: theme.red[1],  
                 borderColor: theme.red[3] 
               }
           ]}>
             <Text style={[..., { color: theme.red[8] }]}> {title} </Text>
             <Text style={[..., { color: theme.red[8] }]}> {text} </Text>
           </View>
    </ThemeContext.Consumer>
  );
};

export default Alert;