import * as react from 'react';
import { ReactNode, CSSProperties } from 'react';

type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "ghost";
type BadgeSize = "sm" | "md";
interface BadgeProps {
    tone?: BadgeTone;
    size?: BadgeSize;
    /** Filled tinted background instead of a bordered outline. */
    soft?: boolean;
    leading?: ReactNode;
    className?: string;
    style?: CSSProperties;
    children?: ReactNode;
}
declare function Badge({ tone, size, soft, leading, className, style, children }: BadgeProps): react.JSX.Element;

export { Badge, type BadgeProps, type BadgeSize, type BadgeTone };