import Viewer from 'react-viewer';
import React from 'react';

interface propsType {
  visible: boolean;
  currentImgList: any;
  activeViewerIndex: number;
  // eslint-disable-next-line @typescript-eslint/ban-types
  setVisible: Function;
}

const Index: React.FC<propsType> = ({ visible, currentImgList, activeViewerIndex, setVisible }) => {
  return (
    <Viewer
      visible={visible}
      onClose={() => {
        setVisible(false);
      }}
      images={currentImgList}
      activeIndex={activeViewerIndex}
      zIndex={1999}
    />
  );
};
export default Index;
