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 EvidenceTimelineItem {
    number?: string | number;
    icon?: React.ReactNode;
    title: string;
    description: string;
    color?: BlockColor;
}
export interface EvidenceTimelineProps extends React.HTMLAttributes<HTMLDivElement> {
    items: EvidenceTimelineItem[];
}
/**
 * Vertical numbered timeline with a connecting line and colored step dots.
 *
 * @description
 * Renders a "how our methodology works" style list: each item gets a
 * colored dot (icon or step number) on a shared vertical line, with a
 * title and description to its right.
 *
 * @ai-rules
 * 1. Provide `icon` for a lucide-react icon in the dot, or `number` for a step label; if neither is set the 1-based index is used.
 * 2. Each item's `color` maps to `colorTokens` — never hardcode colors.
 * 3. This block has no outer card chrome; wrap it in a `<Card>` or section if chrome is needed.
 */
export declare function EvidenceTimeline({ items, className, ...props }: EvidenceTimelineProps): React.JSX.Element;