/**
 * @param {{
 *   children: React.ReactNode,
 *   variant?: "neutral" | "info" | "success" | "warning" | "danger"
 * }} props
 */
export function Badge({ children, variant = "neutral" }) {
  return <span className={`ui-badge ui-badge--${variant}`}>{children}</span>;
}