/** @jsxImportSource @opentui/react */
import { type ReactNode } from "react";
import type { ScrollBoxRenderable } from "@opentui/core";
import type { Theme } from "../../../ui-core/rendering/theme.js";
export interface ScrollbarMetrics {
    readonly scrollTop: number;
    readonly scrollHeight: number;
    readonly viewportHeight: number;
    readonly y: number;
}
export declare function thumbRange(metrics: ScrollbarMetrics): {
    top: number;
    size: number;
} | null;
export declare function scrollbarSegments(range: {
    top: number;
    size: number;
}, trackHeight: number): {
    above: number;
    thumb: number;
    below: number;
};
export declare function TranscriptScrollbar(props: {
    readonly scrollRef: React.RefObject<ScrollBoxRenderable | null>;
    readonly theme: Theme;
    readonly followKey: string;
}): ReactNode;