import type { PropType } from "vue";
import type { Style } from "../../core/types.js";
import type { TLogViewScrollMetrics } from "./TLogView.js";
export type TLogScrollbarMetrics = TLogViewScrollMetrics;
export type TLogScrollbarScrollToPayload = number;
export type TLogScrollbarScrollByPayload = number;
export type TLogScrollbarMarker = Readonly<{
    id?: string | number;
    visualRow: number;
    current?: boolean;
    estimated?: boolean;
    payload?: unknown;
}>;
export type TLogScrollbarMarkerClickPayload = Readonly<{
    marker: TLogScrollbarMarker;
    markerIndex: number;
    visualRow: number;
    cellX: number;
    cellY: number;
}>;
export declare const TLogScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    metrics: {
        type: PropType<TLogScrollbarMetrics | null>;
        default: null;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    thumbStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    trackStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    measuringStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    markers: {
        type: PropType<readonly TLogScrollbarMarker[]>;
        default: () => never[];
    };
    markerStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
        };
    };
    currentMarkerStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
            bold: boolean;
        };
    };
    showMarkers: {
        type: BooleanConstructor;
        default: boolean;
    };
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scrollTo" | "scrollBy" | "markerClick")[], "scrollTo" | "scrollBy" | "markerClick", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    x: {
        type: NumberConstructor;
        required: true;
    };
    y: {
        type: NumberConstructor;
        required: true;
    };
    h: {
        type: NumberConstructor;
        required: true;
    };
    zIndex: {
        type: NumberConstructor;
        default: number;
    };
    metrics: {
        type: PropType<TLogScrollbarMetrics | null>;
        default: null;
    };
    style: {
        type: PropType<Style>;
        default: undefined;
    };
    thumbStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    trackStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    measuringStyle: {
        type: PropType<Style>;
        default: undefined;
    };
    markers: {
        type: PropType<readonly TLogScrollbarMarker[]>;
        default: () => never[];
    };
    markerStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
        };
    };
    currentMarkerStyle: {
        type: PropType<Style>;
        default: () => {
            fg: string;
            bold: boolean;
        };
    };
    showMarkers: {
        type: BooleanConstructor;
        default: boolean;
    };
    showArrows: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onScrollTo?: ((...args: any[]) => any) | undefined;
    onScrollBy?: ((...args: any[]) => any) | undefined;
    onMarkerClick?: ((...args: any[]) => any) | undefined;
}>, {
    style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    zIndex: number;
    markerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    markers: readonly Readonly<{
        id?: string | number;
        visualRow: number;
        current?: boolean;
        estimated?: boolean;
        payload?: unknown;
    }>[];
    metrics: Readonly<{
        scrollTop: number;
        maxScrollTop: number;
        viewportRows: number;
        lineCount: number;
        firstLineIndex: number;
        estimatedVisualRowCount: number;
        visualRowCount: number;
        measuredVisualRowCount: number;
        measuredLineCount: number;
        visualIndexStatus: import("../log/types.js").TLogViewVisualIndexStatus;
        atTop: boolean;
        atBottom: boolean;
    }> | null;
    thumbStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    trackStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    measuringStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    currentMarkerStyle: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    showMarkers: boolean;
    showArrows: boolean;
}, {}>;