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 _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}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})});}