import React from 'react'
import { closePopup } from '../../middlewares/PopupActions'

export default function Photo({src}) {
  return (
    <div className='flex flex-col items-center justify-center bg-black rounded-2xl shadow-2xl h-4/5 w-4/5 relative'>
        <div className='flex items-center justify-end absolute top-0 right-0 p-4'>
            <p className='flex items-center justify-center font-bold text-black p-2 bg-white aspect-square rounded-full cursor-pointer hover:bg-gray-300' onClick={closePopup}>Kapat</p>
        </div>
        <div className='flex h-full mx-auto'>
            <img className=' object-contain' src={src}></img>
        </div>
    </div>
  );
};