import * as React from 'react'; export type BlockColor = 'primary' | 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5' | 'success' | 'info' | 'warning' | 'destructive'; export interface StatBandStat { value: string; label: string; color?: BlockColor; } export interface StatBandProps extends React.HTMLAttributes { stats: StatBandStat[]; columns?: 2 | 3 | 4; } /** * Row of large highlighted stats with labels, no card chrome. * * @description * Displays a set of headline numbers (e.g. "$5.5T", "3x", "9M+") side by side, * each paired with a small muted label. Useful for social-proof or impact * sections on marketing pages. * * @ai-rules * 1. Pass 2-4 `stats`; `columns` defaults to `stats.length` capped at 4. * 2. Each stat's `color` maps to a token from `colorTokens` — never hardcode colors. * 3. This block has no background/border of its own; wrap it in a `` or section if chrome is needed. */ export declare function StatBand({ stats, columns, className, ...props }: StatBandProps): React.JSX.Element;