import * as React from 'react';

/**
 * Two distinct badge shapes with two distinct jobs (see readme Visual foundations):
 * a rounded "pill" for inline reassurance copy ("PASSEND FUR IHR FAHRZEUG"), and an
 * angled "ribbon" pinned to a card's top-right corner for commercial callouts
 * ("AKTUELLES ANGEBOT"). Ribbon requires a position:relative parent.
 */
export interface BadgeProps {
  shape?: 'pill' | 'ribbon';
  tone?: 'brand' | 'dark';
  icon?: React.ReactNode;
  children?: React.ReactNode;
  style?: React.CSSProperties;
}
export function Badge(props: BadgeProps): JSX.Element;