@metamask/design-system-react-native/dist/components/AvatarIcon/AvatarIcon.cjs

Design System React Native

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AvatarIcon = void 0;
const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
const react_1 = __importDefault(require("react"));
const types_1 = require("../../types/index.cjs");
const AvatarBase_1 = require("../AvatarBase/index.cjs");
const Icon_1 = require("../Icon/index.cjs");
const AvatarIcon_constants_1 = require("./AvatarIcon.constants.cjs");
const AvatarIcon = ({ size = types_1.AvatarIconSize.Md, shape = types_1.AvatarBaseShape.Circle, severity = types_1.AvatarIconSeverity.Neutral, iconName, iconProps, twClassName = '', style, ...props }) => {
    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
    const twContainerClassNames = `
    ${AvatarIcon_constants_1.TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]}
    ${twClassName}
  `;
    return (<AvatarBase_1.AvatarBase size={size} shape={shape} style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
      <Icon_1.Icon name={iconName} size={AvatarIcon_constants_1.MAP_AVATARICON_SIZE_ICONSIZE[size]} color={AvatarIcon_constants_1.MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]} {...iconProps}/>
    </AvatarBase_1.AvatarBase>);
};
exports.AvatarIcon = AvatarIcon;
//# sourceMappingURL=AvatarIcon.cjs.map