import * as React from 'react';

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

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

export type RectType = {
  rect: Array<number>;
  type: 'face' | 'body' | 'nonVehicle' | 'vehicle' | 'thing';
  needExpand?: boolean;
  imgId?: string;
  area?: number;
  tags?: TagItemType[];
  imgUrl?: string;
  smId?: string;
  isDefault?: boolean;
  feature?: string;
};

export interface PictureProps {
  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 & { base64: string }) => void;
  onMenuClick?: (item: MenuRectType & { base64: string }) => void;
  children?:(option: any) => void,
  hasTool?: boolean,
}

declare const Picture: React.FunctionComponent<PictureProps>;
export default Picture;
