import type { CSSProperties } from "react";

type Buffer = {
  start: number;
  end: number;
}

export interface VouchPlayerControls {
  ref?: any;
  duration: number;
  muted?: boolean;
  clicktoplay?: boolean;
  volume?: number
  hidecontrols?: boolean;
  controls?: string;
  playing: boolean;
  playbackspeed?: number;
  buffered?: Buffer[];
  loading?: boolean;
  enablecaptions?: boolean;
  captionsactive?: boolean;
  fullscreenactive?: boolean;
  style?: CSSProperties
}

declare global {
  // HTML
  interface HTMLElementTagNameMap {
    'vouch-player-controls': VouchPlayerControls;
  }

  // React
  namespace JSX {
    interface IntrinsicElements {
      'vouch-player-controls': VouchPlayerControls;
    }
  }
}

// Preact
declare namespace preact.JSX {
  interface IntrinsicElements {
    'vouch-player-controls': VouchPlayerControls;
  }
}