import { type ReactNode } from "react";
import type { ITimelineSegment } from "../data/types.js";
export interface ITimelineBarProps {
    /** The shared, ordered segment sequence for the whole turn — one tile per step. */
    segments: ITimelineSegment[];
    /** Step indexes to highlight. Every other tile dims once at least one is highlighted. */
    highlightedStepIndexes?: number[];
    /** Hover content for one tile. Absent renders plain, non-interactive tiles. */
    renderTooltip?: (segment: ITimelineSegment) => ReactNode;
}
/**
 * The single shared timeline track: one tile per interaction step, tiling the full turn in
 * order. Purely informational — a tile is never clickable, only hoverable when `renderTooltip`
 * is given. Tiles in `highlightedStepIndexes` render highlighted; every other tile dims once
 * that list is non-empty, and all tiles render at the same neutral shade when it's absent (the
 * list view's resting state). Hovering a tile takes the highlight over while it lasts — only
 * the hovered tile stays highlighted, whatever the surrounding view has highlighted.
 */
export declare function TimelineBar({ segments, highlightedStepIndexes, renderTooltip }: ITimelineBarProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=TimelineBar.d.ts.map