@metamask/design-system-react-native/dist/components/BadgeIcon/BadgeIcon.mjs

Design System React Native

function $importDefault(module) {
    if (module?.__esModule) {
        return module.default;
    }
    return module;
}
import { useTailwind } from "@metamask/design-system-twrnc-preset";
import $React from "react";
const React = $importDefault($React);
import { View } from "react-native/index.js";
import { Icon, IconSize, IconColor } from "../Icon/index.mjs";
export const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
    const tw = useTailwind();
    const twContainerClassNames = `
    h-4 w-4 
    bg-icon-default 
    rounded-full 
    items-center 
    justify-center 
    ${twClassName}
  `.trim();
    return (<View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
      <Icon color={IconColor.PrimaryInverse} {...iconProps} size={IconSize.Xs} name={iconName}/>
    </View>);
};
//# sourceMappingURL=BadgeIcon.mjs.map