import React from "react"; import { type CounterColor, type CounterSize, type CounterType } from "./Counter.types"; import { type VibeComponentProps } from "../../types"; export interface CounterProps extends VibeComponentProps { /** * The ID of the element describing the counter. */ "aria-labelledby"?: string; /** * Class name applied to the counter element. */ counterClassName?: string; /** * The numeric value displayed in the counter. */ count?: number; /** * The label of the counter for accessibility. */ "aria-label"?: string; /** * The size of the counter. */ size?: CounterSize; /** * The visual style of the counter. */ kind?: CounterType; /** * The color of the counter. */ color?: CounterColor; /** * The maximum number of digits displayed before truncation. */ maxDigits?: number; /** * Text prepended to the counter value. */ prefix?: string; /** * Callback fired when the counter is clicked. */ onMouseDown?: (event: React.MouseEvent) => void; /** * If true, disables counter animations. */ noAnimation?: boolean; } declare const Counter: ({ className, counterClassName, count, size, kind, color, maxDigits, "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, id, prefix, onMouseDown, noAnimation, "data-testid": dataTestId }: CounterProps) => React.JSX.Element; export default Counter;