@devloops/react-native-variant/lib/module/Components/PopUp/Snackbar.js

react-native material ui library

var _jsxFileName="/Users/devloops/Desktop/reactNative/reactNativeMUI/src/Components/PopUp/Snackbar.tsx";import React from'react';import{SafeAreaView as SafeAreaViews}from'react-native-safe-area-context';import{StyleSheet,Platform,View}from'react-native';import Surface from'../Core/Surface';import Text from'../Core/Typography';import{useTheme}from'../../Theming';import Button from'../Buttons/Button';import Color from'color';import{useAnimation}from'../../Helpers/Hooks';var SafeAreaView=Platform.OS==='web'?View:SafeAreaViews;var Snackbar=function Snackbar(_ref){var style=_ref.style,label=_ref.label,color=_ref.color,backgroundColor=_ref.backgroundColor,elevation=_ref.elevation,isOpen=_ref.isOpen,action=_ref.action,onDismiss=_ref.onDismiss;var _useTheme=useTheme(),roundness=_useTheme.roundness,dark=_useTheme.dark,colors=_useTheme.color;var opacity=useAnimation({type:'timing',toValue:isOpen?1:0,initialValue:0,duration:200,delay:0});React.useEffect(function(){if(isOpen===true){setTimeout(onDismiss,3000);}},[isOpen]);return React.createElement(SafeAreaView,{pointerEvents:"box-none",style:styles.wrapper,__source:{fileName:_jsxFileName,lineNumber:52}},React.createElement(Surface,{pointerEvents:"box-none",accessibilityLiveRegion:"polite",alignContent:"center",alignItems:"center",direction:"row",margin:8,cornerRaidus:roundness,style:[{minHeight:48,opacity:opacity,elevation:elevation,alignSelf:Platform.OS==='web'?'center':'auto',transform:[{scale:opacity.interpolate({inputRange:[0,1],outputRange:[0.7,1]})}],minWidth:Platform.OS==='web'?300:'100%',backgroundColor:backgroundColor||Color(colors.text).isDark()?Color(colors.text).lighten(0.7).toString():Color(colors.text).darken(0.8).toString()},style],__source:{fileName:_jsxFileName,lineNumber:53}},React.createElement(Text,{style:[styles.content,{marginRight:action?0:16,color:color||dark?colors.text:colors.surface}],__source:{fileName:_jsxFileName,lineNumber:90}},label),action?React.createElement(Button,{accessibilityLabel:action.accessibilityLabel,onPress:function onPress(){action.onPress();onDismiss();},containerStyle:{padding:0},style:styles.button,color:colors.primary,variant:"text",__source:{fileName:_jsxFileName,lineNumber:101}},action.label):null));};var styles=StyleSheet.create({wrapper:{position:'absolute',bottom:0,width:'100%'},content:{marginLeft:16,marginTop:16,marginBottom:16,flexWrap:'wrap'},button:{margin:6}});export default Snackbar;
//# sourceMappingURL=Snackbar.js.map