import type { ReactNode } from 'react';
import type { PostStatus } from '../../lib/posts-service.js';
export declare function paletteFor(color: string | null | undefined): {
    bg: string;
    text: string;
    ring: string;
    border: string;
};
export declare function PostStatusBadge({ status }: {
    status: PostStatus;
}): import("react/jsx-runtime").JSX.Element;
export declare function PostTypeBadge({ label, color, onClick, }: {
    label: string;
    color: string | null;
    onClick?: () => void;
}): ReactNode;
/**
 * Returns the palette key for an SEO score so callers can match the
 * colored dot. 80+ green, 60–79 orange, 1–59 red, missing = gray.
 */
export declare function seoScorePalette(score: number | null): string;
export declare function SeoScoreIndicator({ score }: {
    score: number | null;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=badges.d.ts.map