/**
 * @usevyre/react — Badge
 *
 * AI CONTEXT:
 * ┌─────────────────────────────────────────────────────────┐
 * │ Component:  Badge                                       │
 * │ Import:     import { Badge } from "@usevyre/react"         │
 * │                                                         │
 * │ Props:                                                  │
 * │   variant = "default"|"accent"|"teal"|                  │
 * │             "success"|"warning"|"danger"                │
 * │   dot     = boolean  (live status dot indicator)        │
 * └─────────────────────────────────────────────────────────┘
 *
 * @example
 * <Badge variant="success" dot>Online</Badge>
 * <Badge variant="warning">Beta</Badge>
 * <Badge variant="danger">Error</Badge>
 */
import React from "react";
import type { BadgeVariant, BaseProps } from "../../types";
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, BaseProps {
    variant?: BadgeVariant;
    /** Show a live status dot indicator */
    dot?: boolean;
}
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;