@metamask/design-system-react-native
Version:
1 lines • 2.29 kB
Source Map (JSON)
{"version":3,"file":"AvatarIcon.cjs","sourceRoot":"","sources":["../../../src/components/AvatarIcon/AvatarIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAE1B,iDAIqB;AACrB,wDAA2C;AAC3C,4CAA+B;AAE/B,qEAIgC;AAGzB,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,GAAG,sBAAc,CAAC,EAAE,EACxB,KAAK,GAAG,uBAAe,CAAC,MAAM,EAC9B,QAAQ,GAAG,0BAAkB,CAAC,OAAO,EACrC,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;MAC1B,qEAA8C,CAAC,QAAQ,CAAC;MACxD,WAAW;GACd,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAC7C,iBAAiB,CAAC,OAAO,CACzB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,mDAA4B,CAAC,IAAI,CAAC,CAAC,CACzC,KAAK,CAAC,CAAC,wDAAiC,CAAC,QAAQ,CAAC,CAAC,CACnD,IAAI,SAAS,CAAC,EAElB;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,UAAU,cAgCrB","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\n\nimport {\n AvatarIconSize,\n AvatarBaseShape,\n AvatarIconSeverity,\n} from '../../types';\nimport { AvatarBase } from '../AvatarBase';\nimport { Icon } from '../Icon';\n\nimport {\n MAP_AVATARICON_SIZE_ICONSIZE,\n MAP_AVATARICON_SEVERITY_ICONCOLOR,\n TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR,\n} from './AvatarIcon.constants';\nimport type { AvatarIconProps } from './AvatarIcon.types';\n\nexport const AvatarIcon = ({\n size = AvatarIconSize.Md,\n shape = AvatarBaseShape.Circle,\n severity = AvatarIconSeverity.Neutral,\n iconName,\n iconProps,\n twClassName = '',\n style,\n ...props\n}: AvatarIconProps) => {\n const tw = useTailwind();\n const twContainerClassNames = `\n ${TWCLASSMAP_AVATARICON_SEVERITY_BACKGROUNDCOLOR[severity]}\n ${twClassName}\n `;\n\n return (\n <AvatarBase\n size={size}\n shape={shape}\n style={[tw`${twContainerClassNames}`, style]}\n accessibilityRole=\"image\"\n {...props}\n >\n <Icon\n name={iconName}\n size={MAP_AVATARICON_SIZE_ICONSIZE[size]}\n color={MAP_AVATARICON_SEVERITY_ICONCOLOR[severity]}\n {...iconProps}\n />\n </AvatarBase>\n );\n};\n"]}