import { EventEmitter } from '../../stencil-public-runtime';
/**
 * @slot copy - Used to display text overladed on the video element
 * @part video_el - Represent the video element
 * @part video_modal - Represents the modal that opens up on desktop to play video
 * @part video_container - Represents the container for all component elements
 * @part preview_image - Represents the preview image shown on desktop
 * @part duration - Represents the duration text overladed on the poster image
 * @part play - Represents the SVG Play icon
 * @part overlay_copy - Represent the container for the `copy` slot
 */
export declare class DxpVideo {
  el: HTMLDxpVideoElement;
  /**
   * (required) URL for the video asset. Can be relative or absolute.
   */
  videoUrl: string;
  /**
   * (required) URL for the poster image asset. Can be relative or absolute.
   */
  posterUrl: string;
  /**
   * (optional) URL for the closed caption text file. Can be relative or absolute.
   */
  ccUrl?: string;
  /**
   * (optional) Video timer
   */
  timer: any;
  /**
   * (optional) Sets the border radius for all video display elements (i.e. video, preview, modal). Default: (5px)
   */
  radius: string | null;
  /**
   * (optional) Sets the width of the video element
   */
  width?: string;
  /**
   * (optional) Sets the height of the video element
   */
  height?: string;
  /**
   * (optional) If set, video will open up in modal on desktop when play button hit
   */
  useModal: boolean;
  /**
   * This is fired when the video is ready
   */
  ready: EventEmitter<any>;
  videoDuration: number;
  private nentVideoEl;
  private videoEl;
  private durationEl;
  private overlayEl;
  private playButton;
  private desktopModal?;
  private play;
  private showOverlays;
  private toggleFullscreen;
  private formattedDuration;
  componentDidRender(): void;
  private endVideoPlayback;
  render(): any;
}