import { HTMLAttributes, ReactNode } from 'react';
import { KnownIcons } from '../Icon/Icon.component';
export type BadgeVariantType = "default" | "info" | "success" | "warning" | "danger" | "error";
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
    /**
     * Specify a semantic variant that determines the appearance of the badge.
     * @default "default"
     */
    variant?: BadgeVariantType;
    /**
     * Determines whether to display an icon. If set to `true`, an icon related
     * to the variant will be used. If a valid string representing a known icon
     * is provided, that icon will be displayed.
     * @default false
     */
    icon?: boolean | KnownIcons;
    /**
     * The optional text content of the badge. If children are provided, they take precedence.
     */
    text?: string;
    /**
     * Additional CSS class to apply to the badge.
     * @default ""
     */
    className?: string;
    /**
     * React nodes or a collection of React nodes to be rendered as content, taking
     * precedence over the `text` property.
     */
    children?: ReactNode;
}
/**
 * The `Badge` component visually represents properties or states of an entity.
 * It supports multiple semantic variants, each with distinct styling. An optional
 * icon can be included to further emphasize meaning.
 * @see https://cloudoperators.github.io/juno/?path=/docs/components-badge--docs
 * @see {@link BadgeProps}
 */
export declare const Badge: ({ variant, icon, text, className, children, ...props }: BadgeProps) => ReactNode;
//# sourceMappingURL=Badge.component.d.ts.map