@devloops/react-native-variant
Version:
react-native material ui library
2 lines • 1.61 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/AvatarText.tsx";import React from'react';import{Animated}from'react-native';import{elevationShadowStyle}from'../../Helpers/styleGenerator';import Text from'../Core/Typography';import Color from'color';import{useTheme}from'../../Theming';var AvatarText=function AvatarText(_ref){var _ref$size=_ref.size,size=_ref$size===void 0?32:_ref$size,padding=_ref.padding,color=_ref.color,backgroundColor=_ref.backgroundColor,style=_ref.style,containerStyle=_ref.containerStyle,elevation=_ref.elevation,label=_ref.label,theme=_ref.theme,textProps=_ref.textProps,props=_objectWithoutProperties(_ref,["size","padding","color","backgroundColor","style","containerStyle","elevation","label","theme","textProps"]);theme=useTheme(theme);backgroundColor=backgroundColor||theme.color.primary;return React.createElement(Animated.View,_extends({style:[{width:size+8,height:size+8,borderRadius:size,backgroundColor:backgroundColor,padding:padding,alignItems:'center',justifyContent:'center'},elevationShadowStyle(elevation||1),containerStyle]},props,{__source:{fileName:_jsxFileName,lineNumber:37}}),React.createElement(Text,_extends({color:Color(backgroundColor).isDark()?'white':'black',size:size/2,weight:"500",align:"center"},textProps,{__source:{fileName:_jsxFileName,lineNumber:52}}),label));};AvatarText.displayName='Avatar.Text';export default AvatarText;
//# sourceMappingURL=AvatarText.js.map