import type { Environment } from '../internal/environment';
import type { VouchAspectRatio, VouchMediaType } from '../types';

export interface VouchMediaPlyr {
  type?: VouchMediaType;
  src?: string;
  srctype?: string;
  poster: string;
  track?: string;
  autopause?: boolean;
  autoplay?: boolean;
  currenttime?: number;
  endtime?: number;
  debug?: boolean;
  loop?: boolean;
  muted?: boolean;
  clicktoplay?: boolean;
  resetonend?: boolean;
  volume?: number;
  seektime?: number;
  ratio?: VouchAspectRatio;
  hidecontrols?: boolean;
  controls?: string;
  tracklang?: string;
  tracklabel?: string;
  watermarksize?: number;
  showwatermark?: boolean;
  logosrc?: string;
  name?: string;
  companyname?: string;
  fitcover?: boolean;
  embed?: boolean;
  utm?: string;
  env?: Environment
}

declare global {
  // HTML
  interface HTMLElementTagNameMap {
    'vouch-media-plyr': VouchMediaPlyr;
  }

  // React
  namespace JSX {
    interface IntrinsicElements {
      'vouch-media-plyr': VouchMediaPlyr;
    }
  }
}

// Preact
declare namespace preact.JSX {
  interface IntrinsicElements {
    'vouch-media-plyr': VouchMediaPlyr;
  }
}