@devloops/react-native-variant
Version:
react-native material ui library
2 lines • 2.2 kB
JavaScript
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Icon=_interopRequireDefault(require("../Core/Icon"));var _styleGenerator=require("../../Helpers/styleGenerator");var _color=_interopRequireDefault(require("color"));var _Theming=require("../../Theming");var _jsxFileName="/Users/devloops/Desktop/reactNative/reactNativeMUI/src/Components/Avatar/AvatarIcon.tsx";var AvatarIcon=function AvatarIcon(_ref){var icon=_ref.icon,_ref$size=_ref.size,size=_ref$size===void 0?32:_ref$size,padding=_ref.padding,color=_ref.color,_ref$iconFontFamily=_ref.iconFontFamily,iconFontFamily=_ref$iconFontFamily===void 0?'materialCommunity':_ref$iconFontFamily,backgroundColor=_ref.backgroundColor,style=_ref.style,containerStyle=_ref.containerStyle,elevation=_ref.elevation,theme=_ref.theme,props=(0,_objectWithoutProperties2.default)(_ref,["icon","size","padding","color","iconFontFamily","backgroundColor","style","containerStyle","elevation","theme"]);theme=(0,_Theming.useTheme)(theme);backgroundColor=backgroundColor||theme.color.primary;return _react.default.createElement(_reactNative.Animated.View,(0,_extends2.default)({},props,{style:[{width:size,height:size,borderRadius:size/2,backgroundColor:backgroundColor,padding:padding,alignItems:'center',justifyContent:'center',alignContent:'center'},(0,_styleGenerator.elevationShadowStyle)(elevation||1),containerStyle],__source:{fileName:_jsxFileName,lineNumber:48}}),_react.default.createElement(_Icon.default,{name:icon,size:size*2/3,color:color?color:(0,_color.default)(backgroundColor).isDark()&&typeof color!=='string'?'white':color!=='string'?'black':color,family:iconFontFamily,__source:{fileName:_jsxFileName,lineNumber:64}}));};AvatarIcon.displayName='Avatar.Icon';var _default=AvatarIcon;exports.default=_default;
//# sourceMappingURL=AvatarIcon.js.map