import React from 'react'
import { FaTimes } from 'react-icons/fa'

const ImageModal = ({image, title, descripton, onClose}) => {
    const closeModal = (e) => {
        onClose(e)
    }
  return (
    <div className='fixed top-0 left-0 z-80 w-screen h-screen bg-black/70 flex justify-center items-center'>
     <button className="fixed z-90 top-24 right-8 text-white text-5xl font-bold" 
            onClick={() => closeModal()}><FaTimes /></button>   
     <img src={image} className="max-h-[600px] max-w-[800px] object-cover object-center"/>
    </div>
  )
}

export default ImageModal