import type { ExtractPublicPropTypes, PropType } from "vue";
import type { Style } from "../../core/types.js";
import type { TVideoFrameEvent, TVideoFrameSource, TVideoPlaybackRate } from "../video/types.js";
export declare const tVideoProps: {
    readonly x: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly y: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly w: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly h: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 0;
    };
    readonly src: {
        readonly type: StringConstructor;
        readonly required: true;
    };
    readonly frameSource: {
        readonly type: PropType<TVideoFrameSource>;
        readonly required: true;
    };
    readonly paused: {
        readonly type: BooleanConstructor;
        readonly default: undefined;
    };
    readonly playbackRate: {
        readonly type: PropType<TVideoPlaybackRate>;
        readonly default: undefined;
    };
    readonly controls: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly controlsLayout: {
        readonly type: PropType<TVideoControlsLayout>;
        readonly default: "compact";
    };
    readonly durationMs: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly loop: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly maxFps: {
        readonly type: NumberConstructor;
        readonly default: 12;
    };
    readonly pixelWidth: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly pixelHeight: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly fallback: {
        readonly type: StringConstructor;
        readonly default: "[video]";
    };
    readonly style: {
        readonly type: PropType<Style>;
        readonly default: undefined;
    };
    readonly clear: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
};
export type TVideoControlsLayout = "compact" | "cinema";
export type TVideoProps = ExtractPublicPropTypes<typeof tVideoProps>;
export type TVideoSeekEvent = Readonly<{
    timestampMs: number;
    durationMs?: number;
}>;
export declare const TVideo: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    readonly x: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly y: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly w: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly h: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 0;
    };
    readonly src: {
        readonly type: StringConstructor;
        readonly required: true;
    };
    readonly frameSource: {
        readonly type: PropType<TVideoFrameSource>;
        readonly required: true;
    };
    readonly paused: {
        readonly type: BooleanConstructor;
        readonly default: undefined;
    };
    readonly playbackRate: {
        readonly type: PropType<TVideoPlaybackRate>;
        readonly default: undefined;
    };
    readonly controls: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly controlsLayout: {
        readonly type: PropType<TVideoControlsLayout>;
        readonly default: "compact";
    };
    readonly durationMs: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly loop: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly maxFps: {
        readonly type: NumberConstructor;
        readonly default: 12;
    };
    readonly pixelWidth: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly pixelHeight: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly fallback: {
        readonly type: StringConstructor;
        readonly default: "[video]";
    };
    readonly style: {
        readonly type: PropType<Style>;
        readonly default: undefined;
    };
    readonly clear: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    frame: (_event: TVideoFrameEvent) => true;
    ended: () => true;
    error: (_error: unknown) => true;
    seek: (_event: TVideoSeekEvent) => true;
    "update:paused": (_paused: boolean) => true;
    "update:playbackRate": (_rate: TVideoPlaybackRate) => true;
}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
    readonly x: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly y: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly w: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly h: {
        readonly type: NumberConstructor;
        readonly required: true;
    };
    readonly zIndex: {
        readonly type: NumberConstructor;
        readonly default: 0;
    };
    readonly src: {
        readonly type: StringConstructor;
        readonly required: true;
    };
    readonly frameSource: {
        readonly type: PropType<TVideoFrameSource>;
        readonly required: true;
    };
    readonly paused: {
        readonly type: BooleanConstructor;
        readonly default: undefined;
    };
    readonly playbackRate: {
        readonly type: PropType<TVideoPlaybackRate>;
        readonly default: undefined;
    };
    readonly controls: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly controlsLayout: {
        readonly type: PropType<TVideoControlsLayout>;
        readonly default: "compact";
    };
    readonly durationMs: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly loop: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly maxFps: {
        readonly type: NumberConstructor;
        readonly default: 12;
    };
    readonly pixelWidth: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly pixelHeight: {
        readonly type: NumberConstructor;
        readonly default: undefined;
    };
    readonly fallback: {
        readonly type: StringConstructor;
        readonly default: "[video]";
    };
    readonly style: {
        readonly type: PropType<Style>;
        readonly default: undefined;
    };
    readonly clear: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>> & Readonly<{
    onEnded?: (() => any) | undefined;
    onError?: ((_error: unknown) => any) | undefined;
    onFrame?: ((_event: Readonly<{
        timestampMs: number;
        pixelWidth: number;
        pixelHeight: number;
        droppedFrames: number;
        durationMs?: number;
        playbackRate?: TVideoPlaybackRate;
    }>) => any) | undefined;
    onSeek?: ((_event: Readonly<{
        timestampMs: number;
        durationMs?: number;
    }>) => any) | undefined;
    "onUpdate:paused"?: ((_paused: boolean) => any) | undefined;
    "onUpdate:playbackRate"?: ((_rate: TVideoPlaybackRate) => any) | undefined;
}>, {
    readonly style: Readonly<{
        fg?: string;
        bg?: string;
        bold?: boolean;
        dim?: boolean;
        italic?: boolean;
        underline?: boolean;
        inverse?: boolean;
        href?: string;
    }>;
    readonly durationMs: number;
    readonly zIndex: number;
    readonly clear: boolean;
    readonly controls: boolean;
    readonly fallback: string;
    readonly maxFps: number;
    readonly pixelWidth: number;
    readonly pixelHeight: number;
    readonly paused: boolean;
    readonly playbackRate: TVideoPlaybackRate;
    readonly controlsLayout: TVideoControlsLayout;
    readonly loop: boolean;
}, {}>;