import * as React from 'react';

export type MenuRectType = {
  pathname: string;
  title: string;
  icon: string;
  base64?: string;
};

export type TagItemType = {
  value: string;
  label: string;
  icon: string;
  tagLabel?: string;
};

export type ImageType = 'face' | 'body' | 'nonVehicle' | 'vehicle' | 'thing';

export type RectType = {
  rect: Array<number>;
  type: ImageType;
  needExpand?: boolean;
  imgId?: string;
  area?: number;
  tags?: TagItemType[];
  imgUrl?: string;
  smId?: string;
  isDefault?: boolean;
  feature?: string;
  dupId?: string;
  lowQuality?: boolean;
  base64?: string;
};

export type PositionType = {
  x: number;
  y: number;
};

export type DeviationType = {
  offsetX: number;
  offsetY: number;
  width: number | string;
  height: number | string;
};

export type SizeType = {
  width: number | string;
  height: number | string;
};

export interface IPictureProps {
  className?: string;
  width?: number | string;
  height?: number | string;
  minHeight?: number | string;
  disabledDrag?: false;
  imagePath: string;
  rects?: RectType[];
  isOpenSelect?: false;
  disabledDrawMenu?: false;
  menus?: MenuRectType[];
  imgDownload?: () => void;
  onClickRect?: (item: RectType) => void;
  onMenuClick?: (item: MenuRectType) => void;
  children?: (option: any) => void;
  hasTool?: boolean;
  fullScreenEle?: Element;
}