import type { VouchEmbedButton } from './vouch-embed-button';
import type { VouchEmbedCard } from './vouch-embed-card';
import type { VouchEmbedDialogue } from './vouch-embed-dialogue';
import type { VouchEmbedInlinePlayer } from './vouch-embed-inline-player';
import type { VouchEmbedJumbo } from './vouch-embed-jumbo';
import type { VouchEmbedPopover } from './vouch-embed-popover';
import type { VouchEmbedThumbnail } from './vouch-embed-thumbnail';
import type { VouchEmbedRecorder } from './vouch-embed-recorder';
import type { VouchRecorderButton } from './vouch-recorder-button';
import type { VouchRecorderPreview } from './vouch-recorder-preview';

declare global {
  // HTML
  interface HTMLElementTagNameMap {
    'vouch-embed-jumbo': VouchEmbedJumbo;
    'vouch-embed-card': VouchEmbedCard;
    'vouch-embed-popover': VouchEmbedPopover;
    'vouch-embed-inline-player': VouchEmbedInlinePlayer;
    'vouch-embed-dialogue': VouchEmbedDialogue;
    'vouch-embed-button': VouchEmbedButton;
    'vouch-embed-thumbnail': VouchEmbedThumbnail;
    'vouch-embed-recorder': VouchEmbedRecorder;
    'vouch-recorder-button': VouchRecorderButton;
    'vouch-recorder-preview': VouchRecorderPreview;
  }

  // React
  namespace JSX {
    interface IntrinsicElements {
      'vouch-embed-card': VouchEmbedCard;
      'vouch-embed-jumbo': VouchEmbedJumbo;
      'vouch-embed-popover': VouchEmbedPopover;
      'vouch-embed-inline-player': VouchEmbedInlinePlayer;
      'vouch-embed-dialogue': VouchEmbedDialogue;
      'vouch-embed-button': VouchEmbedButton;
      'vouch-embed-thumbnail': VouchEmbedThumbnail;
      'vouch-embed-recorder': VouchEmbedRecorder;
      'vouch-recorder-button': VouchRecorderButton;
      'vouch-recorder-preview': VouchRecorderPreview;
    }
  }
}

// Preact
declare namespace preact.JSX {
  interface IntrinsicElements {
    'vouch-embed-card': VouchEmbedCard;
    'vouch-embed-jumbo': VouchEmbedJumbo;
    'vouch-embed-popover': VouchEmbedPopover;
    'vouch-embed-inline-player': VouchEmbedInlinePlayer;
    'vouch-embed-dialogue': VouchEmbedDialogue;
    'vouch-embed-button': VouchEmbedButton;
    'vouch-embed-thumbnail': VouchEmbedThumbnail;
    'vouch-embed-recorder': VouchEmbedRecorder;
    'vouch-recorder-button': VouchRecorderButton;
    'vouch-recorder-preview': VouchRecorderPreview;
  }
}