import * as class_variance_authority_types from 'class-variance-authority/types';
import * as React from 'react';
import { ReactElement } from 'react';
import { VariantProps } from 'class-variance-authority';

/**
 * Badge — shadcn/WealthX
 * Base: npx shadcn\@latest add badge (latest)
 * Figma: Design-System---shadcn?node-id=665-2024
 *
 * WealthX: added font-sans. Extended with success/warning/info semantic variants.
 * Semantic variants use a tinted outline style: bg-X/10 + border-X/40 + text-X-text.
 * This gives softer, more readable badges and works correctly in light and dark mode.
 */
declare const badgeVariants: (props?: ({
    variant?: "link" | "default" | "secondary" | "destructive" | "success" | "warning" | "info" | "outline" | "ghost" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type BadgeProps = React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
    asChild?: boolean;
};
declare function Badge({ className, variant, asChild, ...props }: BadgeProps): ReactElement;

export { Badge, type BadgeProps, badgeVariants };