@wix/design-system/dist/types/ImageViewer/index.d.ts

@wix/design-system

import * as React from 'react';
import { InputProps } from '../Input';
import { ImageProps } from '../Image';
import { TooltipCommonProps } from '../common';

export interface ImageViewerProps {
  imageUrl?: string;
  fit?: 'cover' | 'contain';
  error?: boolean;
  errorMessage?: string;
  tooltipProps?: TooltipCommonProps;
  showUpdateButton?: boolean;
  showDownloadButton?: boolean;
  showRemoveButton?: boolean;
  onAddImage?: React.MouseEventHandler<HTMLElement>;
  onUpdateImage?: React.MouseEventHandler<HTMLElement>;
  onDownloadImage?: React.MouseEventHandler<HTMLElement>;
  onRemoveImage?: React.MouseEventHandler<HTMLElement>;
  onImageLoad?: React.ReactEventHandler<HTMLImageElement>;
  addImageInfo?: string;
  updateImageInfo?: string;
  downloadImageInfo?: string;
  removeImageInfo?: string;
  moreImageInfo?: string;
  removeRoundedBorders?: boolean;
  width?: number | string;
  height?: number | string;
  disabled?: boolean;
  status?: InputProps['status'];
  statusMessage?: InputProps['statusMessage'];
  dataHook?: string;
  className?: string;
  imageProps?: Pick<
    ImageProps,
    | 'alt'
    | 'borderRadius'
    | 'height'
    | 'position'
    | 'showBorder'
    | 'style'
    | 'transparent'
    | 'width'
  >;
  updateButtonAriaLabel?: string;
  removeButtonAriaLabel?: string;
}

export default class ImageViewer extends React.Component<ImageViewerProps> {
  focus: () => void;
}