diff --git a/src/components/textField/ClearButton.tsx b/src/components/textField/ClearButton.tsx index 09e4d29360..f082573eb3 100644 --- a/src/components/textField/ClearButton.tsx +++ b/src/components/textField/ClearButton.tsx @@ -17,7 +17,7 @@ const TIMING_CONFIG = { easing: Easing.bezier(0.33, 1, 0.68, 1) }; -const ClearButton = ({testID, onClear, onChangeText, clearButtonStyle}: ClearButtonProps) => { +const ClearButton = ({testID, onClear, onChangeText, clearButtonStyle, ClearButtonContentComponent}: ClearButtonProps ) => { const {hasValue} = useContext(FieldContext); const animatedValue = useSharedValue(hasValue ? VISIBLE_POSITION : NON_VISIBLE_POSITION); const animatedOpacity = useSharedValue(hasValue ? 1 : 0); @@ -49,6 +49,13 @@ const ClearButton = ({testID, onClear, onChangeText, clearButtonStyle}: ClearBut return ( + {ClearButtonContentComponent? + :