'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { gradeFromScore, gradeMeta } from './primitives.js';
/** Compact color-coded score for the page/post editor toolbar (`77/100` left of "SEO"). */
export function EditorSeoScoreBadge({ score, inverted = false, }) {
    const meta = gradeMeta(gradeFromScore(score));
    return (_jsxs("span", { className: `inline-flex items-baseline gap-0.5 text-xs font-medium tabular-nums ${inverted ? 'text-primary-foreground' : meta.text}`, "aria-hidden": true, children: [score, _jsx("span", { className: inverted ? 'text-primary-foreground/80' : 'opacity-70', children: "/100" })] }));
}
//# sourceMappingURL=EditorSeoScoreBadge.js.map