/**
 * Build a responsive KPI grid with large value + small label per card.
 * Uses CSS class `.kpi-grid` and `.kpi-card` from proposal-themes.ts.
 */
export function buildKpiGrid(kpis) {
    if (kpis.length === 0) {
        return '';
    }
    const cards = kpis
        .map((kpi) => {
        const valueClass = kpi.variant === 'accent'
            ? 'kpi-value accent'
            : kpi.variant === 'secondary'
                ? 'kpi-value secondary'
                : 'kpi-value';
        return `<div class="kpi-card">
  <div class="${valueClass}">${escapeHtml(kpi.value)}</div>
  <div class="kpi-label">${escapeHtml(kpi.label)}</div>
</div>`;
    })
        .join('\n');
    return `<div class="kpi-grid">${cards}</div>`;
}
// Internal helper
function escapeHtml(str) {
    return str
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;');
}
//# sourceMappingURL=proposal-kpi-builder.js.map