/*! Strand UI | MIT License | dillingerstaffing.com */
import type { ComponentChildren, JSX } from "preact";
export interface BadgeProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> {
    /** A count, or a dot. */
    variant?: "dot" | "count";
    /** Colour status. */
    status?: "default" | "teal" | "blue" | "amber" | "red";
    /** The number shown by the count variant. */
    count?: number;
    /** Counts above this render as "N+". */
    maxCount?: number;
    /** Pulse: the thing it marks is live. */
    live?: boolean;
    /** Content the badge overlays at its top-right corner. */
    children?: ComponentChildren;
}
/**
 * Small status indicator or notification count, inline or overlaid on content.
 *
 * @example
 * <Badge count={5} status="red"><button>Inbox</button></Badge>
 */
export declare const Badge: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<BadgeProps> & {
    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
}>;
//# sourceMappingURL=Badge.d.ts.map