import type { AnimatedStyleProp } from 'react-native-reanimated';
import type { ImageStyle } from 'react-native';

export type SimpleImageViewProps = Omit<SimpleImageViewerProps, 'isVisible'|'onClose'|'naviPosition'>;

export type ImageElementType = {
  uri: string;
  title?: string;
  method?: undefined | 'POST' | 'GET',
  headers?: undefined | { Authorization?: string ,  auth? : string  },
};

export type SimpleImageViewerProps = {
  isVisible: boolean;
  imageUri: ImageElementType;
  onClose: (state: boolean) => void;
  selectedIndex?: number;
  images?: ImageElementType[] | [];
  showTitle?: boolean;
  bgColor?: string | undefined | null;
  complementaryBgColor?: string | undefined | null;
  viewMode?: 'single' | 'multi';
  perPage?: number;
  itemMargin?: number;
  naviPosition?: 'top' | 'bottom';
  leftHanded?: boolean;
  showPage?: boolean;
  token?: undefined | string;
  tokenHeader?: undefined | string;
  requestMethod? : 'POST' | 'GET';
};

export type ViewGestureHandlerRootHOCProps = {
  transXYStyle: AnimatedStyleProp<ImageStyle>;
  imageUri: SimpleImageViewerProps['imageUri'];
  bgColor?: SimpleImageViewerProps['bgColor'];
  token : SimpleImageViewerProps['token'];
  tokenHeader : SimpleImageViewerProps['tokenHeader'];
  requestMethod : SimpleImageViewerProps['requestMethod'];
};

export type ThumbnailComponentProps = {
  imgIndex: number;
  nowPage: number;
  updateNowImageIndex: (nowPage: number, ImgIndex: number) => void;
  imageSize: number;
  imageBorderRadius: number;
  imgObj: ImageElementType;
  perPage: number;
  borderColor: string;
  token : SimpleImageViewerProps['token'];
  tokenHeader : SimpleImageViewerProps['tokenHeader'];
  requestMethod : SimpleImageViewerProps['requestMethod'];
};