@devloops/react-native-variant
Version:
react-native material ui library
2 lines • 1.46 kB
JavaScript
import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _jsxFileName="/Users/devloops/Desktop/reactNative/reactNativeMUI/src/Components/Avatar/AvatarImage.tsx";import React from'react';import{Image,Animated,StyleSheet}from'react-native';import{elevationShadowStyle}from'../../Helpers/styleGenerator';import{useTheme}from'../../Theming';var AvatarImage=function AvatarImage(_ref){var source=_ref.source,_ref$size=_ref.size,size=_ref$size===void 0?32:_ref$size,padding=_ref.padding,elevation=_ref.elevation,color=_ref.color,backgroundColor=_ref.backgroundColor,style=_ref.style,containerStyle=_ref.containerStyle,theme=_ref.theme,props=_objectWithoutProperties(_ref,["source","size","padding","elevation","color","backgroundColor","style","containerStyle","theme"]);theme=useTheme(theme);backgroundColor=backgroundColor||theme.color.primary;return React.createElement(Animated.View,{style:[{width:size,height:size,borderRadius:size/2,backgroundColor:backgroundColor,padding:padding},elevationShadowStyle(elevation||1),containerStyle],__source:{fileName:_jsxFileName,lineNumber:39}},React.createElement(Image,_extends({source:source,style:StyleSheet.flatten([{width:size,height:size,borderRadius:size/2},style])},props,{__source:{fileName:_jsxFileName,lineNumber:51}})));};AvatarImage.displayName='Avatar.Image';export default AvatarImage;
//# sourceMappingURL=AvatarImage.js.map