export type RowMode = 'uniform' | 'expanded';
export interface TimelineHeaderProps {
    episodeId: string;
    episodeName?: string;
    description?: string;
    playing: boolean;
    duration: number;
    rowMode: RowMode;
    onPlay(): void;
    onPause(): void;
    onSeek(time: number): void;
    onRowModeChange(m: RowMode): void;
}
/**
 * Top bar layout (3-col CSS grid):
 *
 *   ┌── title ───────────┐  ┌── transport + time ──┐  ┌── density (pinned right) ──┐
 *
 * Title collapses to a single truncated string (episode name if present,
 * else id) — keeps the header readable at all widths.
 *
 * Current-time readout sits directly after the transport group (reads at
 * 10fps). The current-time span is fixed at `w-[6ch]` so the transport
 * buttons never jitter as digits change. Density toggle is alone in the
 * right 1fr cell so it stays anchored to the right edge regardless of
 * title / time widths.
 */
export declare function TimelineHeader({ episodeId, episodeName, description, playing, duration, rowMode, onPlay, onPause, onSeek, onRowModeChange, }: TimelineHeaderProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=TimelineHeader.d.ts.map