type Override<T, U> = Omit<U, keyof T> & T

interface BadgeProps {
  /**
   * Content for Badge.
   */
  children?: React.ReactNode
  /**
   * Applies neutral intent.
   */
  neutral?: boolean
  /**
   * Applies brand intent.
   */
  brand?: boolean
  /**
   * Applies danger intent.
   */
  danger?: boolean
  /**
   * Applies warning intent.
   */
  warning?: boolean
  /**
   * Applies info intent.
   */
  info?: boolean
  /**
   * Applies success intent.
   */
  success?: boolean
  /**
   * Applies muted intent.
   */
  muted?: boolean
  /**
   * Transforms the text to uppercase.
   */
  uppercase?: boolean
}

declare function Badge(
  props: Override<BadgeProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

interface RibbonProps {
  /**
   * Content for Ribbon.
   */
  children: React.ReactNode
  /**
   * Applies neutral intent.
   */
  neutral?: boolean
  /**
   * Applies brand intent.
   */
  brand?: boolean
  /**
   * Applies danger intent.
   */
  danger?: boolean
  /**
   * Applies warning intent.
   */
  warning?: boolean
  /**
   * Applies info intent.
   */
  info?: boolean
  /**
   * Applies success intent.
   */
  success?: boolean
  /**
   * Applies muted intent.
   */
  muted?: boolean
  /**
   * Transforms the text to uppercase.
   */
  uppercase?: boolean
  /**
   * Enables tail on right side.
   */
  tailRight?: boolean
  /**
   * Size of the Ribbon.
   */
  size?: "xs" | "s" | "m" | "l"
}

declare function Ribbon(
  props: Override<RibbonProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

export { Badge, Ribbon };
export type { BadgeProps, RibbonProps };