react/src/components/popups/Photo.jsx
2025-03-08 08:21:52 +03:00

15 lines
678 B
JavaScript

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>
);
};