mopinion-react-native-sdk/dist/components/ErrorMessage.js

Collect in-app feedback with Mopinion for React Native. Built fully in React Native for optimal integration with your React Native app.

Object.defineProperty(exports,"__esModule",{value:true});exports.default=ErrorMessage;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _styles=require("../styles");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t in e)"default"!==_t&&{}.hasOwnProperty.call(e,_t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t))&&(i.get||i.set)?o(f,_t,i):f[_t]=e[_t]);return f;})(e,t);}function ErrorMessage(props){var _props$show=props.show,show=_props$show===void 0?false:_props$show,children=props.children,_props$style=props.style,style=_props$style===void 0?{}:_props$style;var theme=(0,_styles.useTheme)();var anim=(0,_react.useRef)(new _reactNative.Animated.Value(0));(0,_react.useEffect)(function(){_reactNative.Animated.spring(anim.current,{toValue:show?1:0,duration:225,useNativeDriver:true}).start();},[show]);var errorStyle={position:'absolute',bottom:0,left:(0,_styles.spacing)(1.5),opacity:anim.current,transform:[{translateX:anim.current.interpolate({inputRange:[0,1],outputRange:[-100,0]})}]};return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[errorStyle,style],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:theme.typography.error,children:children})});}