@metamask/design-system-react
Version:
Design system react ui components
18 lines • 985 B
JavaScript
function $importDefault(module) {
if (module?.__esModule) {
return module.default;
}
return module;
}
import $React, { forwardRef } from "react";
const React = $importDefault($React);
import { twMerge } from "../../utils/tw-merge.mjs";
import { Icon, IconSize } from "../Icon/index.mjs";
export const BadgeIcon = forwardRef(({ iconName, iconProps, className = '', style, ...props }, ref) => {
const mergedClassName = twMerge('inline-flex size-4 items-center justify-center rounded-full bg-icon-default', className);
return (React.createElement("div", { ref: ref, className: mergedClassName, style: style, ...props },
React.createElement(Icon, { size: IconSize.Xs, name: iconName, ...iconProps, className: twMerge(iconProps?.color ? '' : 'text-background-default', // if color is provided, use it, otherwise use background default
iconProps?.className) })));
});
BadgeIcon.displayName = 'BadgeIcon';
//# sourceMappingURL=BadgeIcon.mjs.map