From 1b385f90bc767429971d1748299f33ac542fe429 Mon Sep 17 00:00:00 2001
From: George Rusu <george@tagg.id>
Date: Fri, 7 May 2021 13:11:21 -0700
Subject: updated TaggInput to take externalStyles and updated error message
 color in onboarding

---
 src/components/onboarding/TaggInput.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/onboarding/TaggInput.tsx b/src/components/onboarding/TaggInput.tsx
index 405564ab..657ce822 100644
--- a/src/components/onboarding/TaggInput.tsx
+++ b/src/components/onboarding/TaggInput.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {View, TextInput, StyleSheet, TextInputProps} from 'react-native';
+import {View, TextInput, StyleSheet, TextInputProps, ViewStyle, StyleProp} from 'react-native';
 import * as Animatable from 'react-native-animatable';
 import {TAGG_LIGHT_PURPLE} from '../../constants';
 
@@ -7,6 +7,7 @@ interface TaggInputProps extends TextInputProps {
   valid?: boolean;
   invalidWarning?: string;
   attemptedSubmit?: boolean;
+  externalStyles?: Record<string, StyleProp<ViewStyle>>
 }
 /**
  * An input component that receives all props a normal TextInput component does. TaggInput components grow to 60% of their parent's width by default, but this can be set using the `width` prop.
@@ -25,7 +26,7 @@ const TaggInput = React.forwardRef((props: TaggInputProps, ref: any) => {
         <Animatable.Text
           animation="shake"
           duration={500}
-          style={styles.warning}>
+          style={[styles.warning, props.externalStyles?.warning]}>
           {props.invalidWarning}
         </Animatable.Text>
       )}
-- 
cgit v1.2.3-70-g09d2