import * as React from 'react';
import { TooltipCommonProps } from '../../common';

export interface FunnelBadgeProps {
  /** Badge's value */
  value: string;
  /** Tooltip content. Can be either string or renderable node */
  tooltipContent?: React.ReactNode;
  /** Tooltip properties */
  tooltipProps?: TooltipCommonProps;
  /** When provided, changes badge skin */
  differenceBadgeSkin?: 'standard' | 'general' | 'success' | 'dark';
  /** Prefix icon. Can be React.ReactNode */
  prefixIcon?: React.ReactNode;
  /** Callback on tooltip content show event */
  onTooltipShow?(): void;
}

export interface FunnelBadgeCommonProps {
  skin?: FunnelBadgeProps['differenceBadgeSkin'];
  /** Prefix icon. Can be React.ReactNode */
  prefixIcon?: React.ReactNode;
}

export default class FunnelBadge extends React.PureComponent<FunnelBadgeProps> {}