24 lines
687 B
JavaScript
24 lines
687 B
JavaScript
import { Button, Image, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, useDisclosure } from '@chakra-ui/react'
|
|
import React from 'react'
|
|
|
|
const ImageViewer = ({src, isOpen, onClose}) => {
|
|
|
|
return (
|
|
<>
|
|
{/* <Button onClick={onOpen}>Open Modal</Button> */}
|
|
|
|
<Modal size={'xl'} isCentered isOpen={isOpen} onClose={onClose}>
|
|
<ModalOverlay />
|
|
<ModalContent>
|
|
{/* <ModalCloseButton /> */}
|
|
<ModalBody p={4} >
|
|
<Image rounded={6} w={'100%'} h={'100%'} src={"https://admin.tanami.betadelivery.com/" + src} />
|
|
</ModalBody>
|
|
|
|
</ModalContent>
|
|
</Modal>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default ImageViewer |