@metamask/design-system-react-native/dist/components/BadgeIcon/BadgeIcon.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.BadgeIcon = void 0;
const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
const react_1 = __importDefault(require("react"));
const react_native_1 = require("react-native/index.js");
const Icon_1 = require("../Icon/index.cjs");
const BadgeIcon = ({ iconName, iconProps, twClassName = '', style, ...props }) => {
    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
    const twContainerClassNames = `
    h-4 w-4 
    bg-icon-default 
    rounded-full 
    items-center 
    justify-center 
    ${twClassName}
  `.trim();
    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} accessibilityRole="image" {...props}>
      <Icon_1.Icon color={Icon_1.IconColor.PrimaryInverse} {...iconProps} size={Icon_1.IconSize.Xs} name={iconName}/>
    </react_native_1.View>);
};
exports.BadgeIcon = BadgeIcon;
//# sourceMappingURL=BadgeIcon.cjs.map