@devloops/react-native-variant
Version:
react-native material ui library
2 lines • 2.07 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 _styleGenerator=require("../../Helpers/styleGenerator");var _Typography=_interopRequireDefault(require("../Core/Typography"));var _color=_interopRequireDefault(require("color"));var _Theming=require("../../Theming");var _jsxFileName="/Users/devloops/Desktop/reactNative/reactNativeMUI/src/Components/Avatar/AvatarText.tsx";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=(0,_objectWithoutProperties2.default)(_ref,["size","padding","color","backgroundColor","style","containerStyle","elevation","label","theme","textProps"]);theme=(0,_Theming.useTheme)(theme);backgroundColor=backgroundColor||theme.color.primary;return _react.default.createElement(_reactNative.Animated.View,(0,_extends2.default)({style:[{width:size+8,height:size+8,borderRadius:size,backgroundColor:backgroundColor,padding:padding,alignItems:'center',justifyContent:'center'},(0,_styleGenerator.elevationShadowStyle)(elevation||1),containerStyle]},props,{__source:{fileName:_jsxFileName,lineNumber:37}}),_react.default.createElement(_Typography.default,(0,_extends2.default)({color:(0,_color.default)(backgroundColor).isDark()?'white':'black',size:size/2,weight:"500",align:"center"},textProps,{__source:{fileName:_jsxFileName,lineNumber:52}}),label));};AvatarText.displayName='Avatar.Text';var _default=AvatarText;exports.default=_default;
//# sourceMappingURL=AvatarText.js.map