Function BadgeGroup

packages/ui-components/src/Common/BadgeGroup/index.tsx:17–36

({
  kind = 'default',
  size = 'medium',
  badgeText,
  children,
  as: Component = 'a',
  ...args
})

} & ComponentProps<LinkLike>;

const BadgeGroup: FC<PropsWithChildren<BadgeGroupProps>> = ({
  kind = 'default',
  size = 'medium',
  badgeText,
  children,
  as: Component = 'a',
  ...args
}) => (
  <Component className={`${styles.wrapper} ${styles[kind]}`} {...args}>
    {badgeText && (
      <Badge kind={kind} size={size} className={styles.badge}>
        {badgeText}
      </Badge>
    )}

    <span className={styles.message}>{children}</span>

    {args.target === '_blank' && <ArrowUpRightIcon className={styles.icon} />}
  </Component>
);

export default BadgeGroup;