/* eslint-disable @typescript-eslint/no-unused-vars */
import { ModalProps } from '@mantine/core';
import Lightbox from "yet-another-react-lightbox";
import "yet-another-react-lightbox/plugins/captions.css";
import Fullscreen from "yet-another-react-lightbox/plugins/fullscreen";
import "yet-another-react-lightbox/plugins/thumbnails.css";
import Zoom from "yet-another-react-lightbox/plugins/zoom";
import "yet-another-react-lightbox/styles.css";
export default function ShowImageModal({ src, fallbackSrc,opened, onClose, ...props }: ModalProps & { src: string; fallbackSrc: string }) {
    return (
        <Lightbox {...props} open={opened} close={onClose}  slides={[{ src: src || fallbackSrc }]} 
            plugins={[Fullscreen, Zoom]}/>
    );
}
