@visa/nova-react/badge/index.d.ts

Visa Product Design System Nova React library. Compatible with React ^19.

import type { ComponentPropsWithRef, ElementType } from 'react';
export type BadgeProperties<ET extends ElementType = 'div'> = {
    /** Active style */
    active?: boolean;
    /** Type of Badge */
    badgeType?: 'critical' | 'neutral' | 'stable' | 'subtle' | 'warning';
    /** Variant of Badge */
    badgeVariant?: 'number' | 'icon';
    /** Clear background */
    clear?: boolean;
    /** Tag of Component */
    tag?: ElementType;
} & ComponentPropsWithRef<ET>;
/**
 * Visual indicators communicating the status of a component.
 * @docs {@link https://design.visa.com/components/badge/?code_library=react | See Docs}
 * @vgar TODO
 * @wcag TODO
 */
declare const Badge: {
    <ET extends ElementType = "div">({ active, badgeType, className, clear, tag: Tag, badgeVariant, ...remainingProps }: BadgeProperties<ET>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default Badge;