import type { HTMLAttributes, ReactNode } from 'react';
import { type VariantProps } from '../../lib/cv.js';
/**
 * Canonical status chip from the design system (`.status` + `.status-dot`):
 * a rectangular 5px-radius chip with a 5px dot, 11.5px medium text, and
 * tint backgrounds per tone. This is the single source of truth for
 * document / entity statuses across Posts, Pages, Forms, SEO, and tables —
 * do not roll per-view status pills.
 */
declare const statusBadge: (props?: ({
    tone?: "warning" | "info" | "muted" | "success" | "danger" | "neutral" | undefined;
} & {
    class?: string | false | null | undefined;
    className?: string | false | null | undefined;
}) | undefined) => string;
export type StatusBadgeVariants = VariantProps<typeof statusBadge>;
export type StatusBadgeTone = NonNullable<StatusBadgeVariants['tone']>;
export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement>, StatusBadgeVariants {
    /** Hide the leading dot (rare — e.g. numeric chips). */
    dot?: boolean;
    children: ReactNode;
}
export declare function StatusBadge({ tone, dot, className, children, ...rest }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
export { statusBadge as statusBadgeVariants };
//# sourceMappingURL=StatusBadge.d.ts.map