Function Badge

packages/ui-components/src/Common/Badge/index.tsx:15–37

({
  kind = 'default',
  size = 'medium',
  className,
  children,
  ...props
})

};

const Badge: FC<PropsWithChildren<BadgeProps>> = ({
  kind = 'default',
  size = 'medium',
  className,
  children,
  ...props
}) => (
  <span
    className={classNames(
      styles.badge,
      styles[kind],
      styles[size],
      {
        [styles.circular]:
          typeof children === 'string' && children.length === 1,
      },
      className
    )}
    {...props}
  >
    {children}
  </span>
);

export default Badge;