import "./Scrubber.scss";
import * as React from "react";
import { Slider } from "@itwin/itwinui-react";
import type { CommonProps } from "@itwin/core-react";
import type { TimelineDateMarkerProps } from "./TimelineComponent.js";
/** @internal */
export declare function getPercentageOfRectangle(rect: DOMRect, pointer: number): number;
/** @internal */
export declare function RailMarkers({ showToolTip, percent, tooltipText, markDate, }: {
    showToolTip: boolean;
    percent: number;
    tooltipText: string;
    markDate?: DateMarkerProps;
}): React.JSX.Element;
/**
 * Custom Timeline Thumb
 * @internal
 */
export declare function CustomThumb(): React.JSX.Element;
/**
 * @internal
 */
export declare function useFocusedThumb(sliderContainer: HTMLDivElement | undefined): boolean;
/** Properties for Scrubber/Slider used on timeline control
 * @internal
 */
export interface ScrubberProps extends CommonProps {
    currentDuration: number;
    totalDuration: number;
    isPlaying: boolean;
    startDate?: Date;
    endDate?: Date;
    showTime?: boolean;
    onChange?: (values: ReadonlyArray<number>) => void;
    onUpdate?: (values: ReadonlyArray<number>) => void;
    timeZoneOffset?: number;
    markDate?: TimelineDateMarkerProps;
    trackContainerProps?: React.ComponentProps<typeof Slider>["trackContainerProps"];
}
/** Properties for marking current date in RailMarkers
 * @internal
 */
interface DateMarkerProps {
    datePercentage: number;
    dateMarker?: React.ReactNode;
}
/** Scrubber/Slider for timeline control
 * @internal
 */
export declare function Scrubber(props: ScrubberProps): React.JSX.Element;
export {};
//# sourceMappingURL=Scrubber.d.ts.map