import * as React from 'react';
import { IPreviewController } from '@dcl/schemas/dist/dapps/preview';
import './EmoteControls.css';
export declare type EmoteControlsProps = {
    wearablePreviewId: string;
    className?: string;
    hideFrameInput?: boolean;
    hideProgressInput?: boolean;
    hidePlayButton?: boolean;
    wearablePreviewController?: IPreviewController;
};
declare type EmoteControlsState = {
    frame: number;
    isPlaying: boolean;
    playingIntervalId?: number;
    length?: number;
};
export declare class EmoteControls extends React.PureComponent<EmoteControlsProps, EmoteControlsState> {
    previewController: IPreviewController | undefined;
    state: EmoteControlsState;
    handleAnimationLoop: () => void;
    handleAnimationEnd: () => void;
    handleAnimationPause: () => void;
    handleAnimationPlay: () => Promise<void>;
    componentDidMount(): Promise<void>;
    componentDidUpdate(_prevProps: EmoteControlsProps, prevState: EmoteControlsState): void;
    trackFrame: (length: number, currentFrame?: number) => number;
    clearPlayingInterval: () => void;
    handlePlayPause: () => Promise<void>;
    handleFrameChange: (value: number) => Promise<void>;
    render(): JSX.Element;
}
export {};