import { Modal } from "antd"
import Image from "next/image"
import {cleanImage} from '../../services/imageHandling.js' 
const ActivityDetailGallaryModal = ({ activityDetailInfo }) => {
    return (
        <div className="p-4">
            <div className="row">
                {activityDetailInfo[0].attributes.imagesComponent.map((data, index)=>(
                    <div className="col-4" key={index}>
                        <Image className="img-fluid" height={400} width={400}  alt="" src={cleanImage(data.image.data.attributes)}/>
                </div>
                ))}
            </div>
        </div>
    )
}

export default ActivityDetailGallaryModal