import { ReactNode } from 'react';
export type TimelineTone = 'neutral' | 'primary' | 'success' | 'warning' | 'error';
export interface TimelineItem {
    id?: string | number;
    /** Icon shown inside the marker. If omitted, renders a dot. */
    icon?: string;
    tone?: TimelineTone;
    title?: ReactNode;
    /** Body content — strings render as a single paragraph; otherwise rendered as-is. */
    content?: ReactNode;
    /** Short trailing meta, typically a relative time. */
    meta?: ReactNode;
}
export interface TimelineProps {
    items: TimelineItem[];
    /** `'left'` is conventional; `'alternating'` zigzags for storyboards. */
    align?: 'left' | 'alternating';
    className?: string;
}
/**
 * Material 3 — vertical Timeline for activity / status feeds. The connector
 * line is drawn between marker centers; markers are 24px to align with the
 * icon optical size used elsewhere in the system.
 */
export declare function Timeline({ items, align, className }: TimelineProps): import("react/jsx-runtime").JSX.Element;