import { PropsWithChildren } from 'react';
import { Playback } from './playback';
export interface PlaybackValue {
    playback: Playback;
}
export interface TimelineState {
    curr: number;
    start: number;
    end: number;
    rangeStart: number;
    rangeEnd: number;
}
export interface PlaybackState {
    fps: number;
    speed: number;
    maxlen: number;
    recording: boolean;
    loop: boolean;
    paused: boolean;
}
export declare const PlaybackContext: import('react').Context<Playback>;
export declare const PlaybackStateContext: import('react').Context<PlaybackState>;
export declare const TimelineStateContext: import('react').Context<TimelineState>;
export declare const PlaybackProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
export declare const usePlayback: () => Playback;
export declare const PlaybackStateProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
export declare function usePlaybackStates(): PlaybackState;
export declare function usePlaybackStates<T>(selector: (state: PlaybackState) => T): T;
export declare const TimelineStateProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
export declare function useTimelineStates(): TimelineState;
export declare function useTimelineStates<T>(selector: (state: TimelineState) => T): T;
export { usePlaybackFrame } from './usePlaybackFrame';