How to use the @rmwc/base.useClassNames function in @rmwc/base

export function BadgeAnchor(props: BadgeAnchorProps & RMWC.ComponentProps) {
  const { children, ...rest } = props;
  const className = useClassNames(props, ['rmwc-badge-anchor']);
  return (
    <div>
      {children}
    </div>
  );
}

export function Badge(props: BadgeProps & Omit) {
  const { align = 'end', label, style, exited, inset, ...rest } = props;
  const className = useClassNames(props, [
    'rmwc-badge',
    `rmwc-badge--align-${align}`,
    {
      'rmwc-badge--no-content': !(label ?? false),
      'rmwc-badge--exited': exited
    }
  ]);

  const finalStyle =
    inset !== undefined
      ? {
          ...style,
          '--rmwc-badge-inset': inset
        }
      : style;