import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
import { ElementLogger } from '../../base/logger';
export declare const SCRUBBER_PREVIEW_VIDEO_ELEMENT_TAG_NAME = "vds-scrubber-preview-video";
/**
* Used to load a low-resolution video to be displayed when the user is hovering or dragging
* the scrubber thumb. The point at which they're hovering or dragging is the preview time position.
* The video will automatically be updated to match, so ensure it's of the same length as the
* original.
*
* 💡 The following attributes are updated for your styling needs:
*
* - `video-can-play`: Applied when the video is ready for playback.
* - `video-error`: Applied when a media error has been encountered.
*
* 💡 The `canplay` and `error` events are re-dispatched by this element for you to listen to if
* needed.
*
* @tagname vds-scrubber-preview-video
* @csspart video
* @example
* ```html
*
*
*
*
*
* ```
* @example
* ```css
* vds-scrubber-preview-video {
* bottom: 56px;
* }
*
* vds-scrubber-preview-video::part(video) {
* max-width: 168px;
* }
* ```
*/
export declare class ScrubberPreviewVideoElement extends LitElement {
static get styles(): CSSResultGroup;
protected readonly _logger: ElementLogger;
/**
* The URL of a media resource to use.
*
* @link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/src
*/
src: string | undefined;
protected readonly _videoRef: import("lit-html/directives/ref").Ref;
/**
* The underlying `