import { DateRange } from "@trackunit/date-and-time-utils";
import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
import { ReactNode } from "react";
export interface TimelineProps extends CommonProps, Refable<HTMLDivElement>, Styleable {
    children: ReactNode;
    toggleButton?: {
        expandedLabel: string;
        collapsedLabel: string;
        onClick?: () => void;
    };
    dateHeader?: ({
        date: Date;
        dateRange?: never;
    } | {
        date?: never;
        dateRange: DateRange;
    }) & {
        showTime?: boolean;
    };
    customHeader?: ReactNode;
}
/**
 * The Timeline component offers a visual representation of events or milestones in chronological order, helping users easily follow the progression of activities, tasks, or data points over time.
 *
 * @param {TimelineProps} props - The props for the Timeline component
 * @returns {ReactElement} Timeline component
 */
export declare const Timeline: ({ className, style, "data-testid": dataTestId, children, dateHeader, customHeader, toggleButton, ref: refProp, }: TimelineProps) => import("react/jsx-runtime").JSX.Element;