@metamask/design-system-react-native
Version:
1 lines • 1.67 kB
Source Map (JSON)
{"version":3,"file":"BadgeIcon.cjs","sourceRoot":"","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,4CAAoD;AAI7C,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG;;;;;;MAM1B,WAAW;GACd,CAAC,IAAI,EAAE,CAAC;IAET,OAAO,CACL,CAAC,mBAAI,CACH,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,KAAK,CAAC,CAAC,gBAAS,CAAC,cAAc,CAAC,CAChC,IAAI,SAAS,CAAC,CACd,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAEnB;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,SAAS,aA+BpB","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { Icon, IconSize, IconColor } from '../Icon';\n\nimport type { BadgeIconProps } from './BadgeIcon.types';\n\nexport const BadgeIcon = ({\n iconName,\n iconProps,\n twClassName = '',\n style,\n ...props\n}: BadgeIconProps) => {\n const tw = useTailwind();\n const twContainerClassNames = `\n h-4 w-4 \n bg-icon-default \n rounded-full \n items-center \n justify-center \n ${twClassName}\n `.trim();\n\n return (\n <View\n style={[tw`${twContainerClassNames}`, style]}\n accessibilityRole=\"image\"\n {...props}\n >\n <Icon\n color={IconColor.PrimaryInverse}\n {...iconProps}\n size={IconSize.Xs}\n name={iconName}\n />\n </View>\n );\n};\n"]}