import { IEngine } from '@dcl/ecs';
import ReactEcs from '@dcl/react-ecs';
import { Color4 } from '@dcl/sdk/math';
import { State } from '../types';
export declare const ICONS: {
    readonly VIDEO_CONTROL: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control.png";
    readonly PREVIOUS_BUTTON: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-previous-button.png";
    readonly FORWARD_BUTTON: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-forward-button.png";
    readonly PLAY_BUTTON: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-play-button.png";
    readonly MUTE: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-mute.png";
    readonly LOOP: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-loop.png";
    readonly VOLUME_MINUS_BUTTON: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-volume-minus-button.png";
    readonly VOLUME_PLUS_BUTTON: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-volume-plus-button.png";
    readonly VIDEO_SOURCE: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-video.png";
    readonly LIVE_SOURCE: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/video-control-live.png";
    readonly INFO: "https://builder-items.decentraland.org/admin_toolkit/assets/icons/info.png";
};
export declare const VOLUME_STEP = 0.1;
export declare const DEFAULT_VOLUME = 1;
export declare const COLORS: {
    readonly WHITE: Color4.MutableColor4;
    readonly GRAY: Color4.MutableColor4;
    readonly SUCCESS: Color4.MutableColor4;
};
export declare function VideoControl({ engine, state, }: {
    engine: IEngine;
    state: State;
}): ReactEcs.JSX.Element;
