import { ReactNode } from 'react';

interface urlObj {
  url: string;
}

export interface ImageViewerProps {
  /**
   * 小图展示是横向还是竖向
   * @default true
   */
  horizontal?: boolean;

  /**
   * 需要把图片一个一个的展示
   */
  children?: ReactNode | ReactNode[];

  /**
   * 图片预览组件背景颜色
   * @default #333333
   */
  backgroundColor?: string;
  /**
   * 图片预览组件隐藏
   */
  hiddenPreviewModal?: (() => void) | undefined;
  /**
   * 图片组件预览到哪一个图片
   */
  previewImageIndex?: ((index: number) => void) | undefined;
  /**
   * 展示的第几张图片位置
   * @deprecated 已废弃 请使用 index 代替
   */
  initIndex?: number;

  /**
   * 展示的第几张图片位置
   */
  index?: number;

  /**
   * 图片预览组件是否展示
   */
  visible?: boolean;

  /**
   * 图片预览组件展示与隐藏回调
   */
  onVisibleChange?: (visible: boolean) => void;

  /**
   * 图片地址
   */
  imageUrls: urlObj[];

  onDownload?: (index: number) => void;
}