import React from 'react';
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
import type { IconSize } from '@coinbase/cds-common/types';
import type { IconName } from '@coinbase/cds-icons';
import { type PressableDefaultElement, type PressableProps } from '../system/Pressable';
export type IconCounterButtonBaseProps = {
  /** Name of the icon or a ReactNode */
  icon: Exclude<React.ReactNode, 'string'> | IconName;
  /**
   * @deprecated Use `size` instead. This will be removed in a future major release.
   * @deprecationExpectedRemoval v8
   */
  iconSize?: IconSize;
  /** Size for given icon. */
  size?: IconSize;
  /** Whether the icon is active */
  active?: boolean;
  /** Number to display */
  count?: number;
  /** Color of the icon */
  color?: ThemeVars.Color;
  /** @danger This is a migration escape hatch. It is not intended to be used normally. */
  dangerouslySetColor?: string;
  /** Background color of the overlay (element being interacted with). */
  background?: ThemeVars.Color;
};
export type IconCounterButtonProps = IconCounterButtonBaseProps &
  Omit<PressableProps<PressableDefaultElement>, 'background'>;
export declare const IconCounterButton: React.MemoExoticComponent<
  React.ForwardRefExoticComponent<
    Omit<IconCounterButtonProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
  >
>;
//# sourceMappingURL=IconCounterButton.d.ts.map