import type { CSSProperties, ReactEventHandler, SyntheticEvent } from 'react';
import type { YouTubeProps } from 'react-youtube';

export interface EmptyStateYoutubeProps extends YouTubeProps {
  /**
   * Video poster image URL.
   */
  imageUrl: string;
  /**
   * Properties to pass to the video poster image.
   */
  imageProps?: {
    alt?: string;
    className?: string;
    height?: CSSProperties['height'] | number;
    onLoad?: ReactEventHandler<HTMLImageElement>;
    onLoadCapture?: ReactEventHandler<HTMLImageElement>;
    onError?: ReactEventHandler<HTMLImageElement>;
    onErrorCapture?: ReactEventHandler<HTMLImageElement>;
    src?: string;
    style?: CSSProperties;
    width?: CSSProperties['width'] | number;
    title?: string;
  };
  /**
   * If `true`, the video popup is shown on initialization.
   */
  isOpen?: boolean;
  /**
   * A callback that fires when the video popup closes.
   * @param event
   * @returns
   */
  onClose?: (event: SyntheticEvent) => void;
  /**
   * A callback that fires when the video popup opens.
   * @param event
   * @returns
   */
  onOpen?: (event: SyntheticEvent) => void;
}