import { type ReactElement } from 'react';
import type { DataVizColors } from '@/types/theme';
/**
 * Live preview of a dashboard composed exclusively from the {@link DataVizColors}
 * tokens. Showcases every chart family used across the real SmartStack
 * dashboards (KPI cards, vertical BarChart, LineChart, AreaChart, ComposedChart,
 * donut PieChart, horizontal ranked bars) so what the user sees here = what
 * they'll see in production.
 */
export interface DataVizMockProps {
    readonly dataViz: DataVizColors;
    readonly textPrimary: string;
    readonly textSecondary: string;
    readonly textMuted: string;
    readonly borderColor: string;
    readonly containerBg: string;
}
export declare function DataVizMock({ dataViz, textPrimary, textSecondary, textMuted, borderColor, containerBg, }: DataVizMockProps): ReactElement;
//# sourceMappingURL=DataVizMock.d.ts.map