Untitled

import React from "react";
import SingleImage from "./SingleImage";
const ImageGallery = (props) => {
  return (
    <div className="flex flex-col w-full h-[100vh] gap-2 py-5 px-6">
      <section className="w-full   h-[70%]">
        <div className="grid grid-cols-2 grid-rows-2 h-full gap-2">
          <span className="w-full h-full ">
            <SingleImage url={props.images[0]} index={0} />
          </span>
          <span className="w-full h-full b flex flex-col gap-2">
            <SingleImage url={props.images[1]} index={0} Style={"h-[48%]"} />
            <SingleImage url={props.images[5]} index={0} Style={"h-[48%]"} />
          </span>
          <span className="w-full h-full">
            <SingleImage url={props.images[2]} index={0} />
          </span>
          <span className="w-full h-full ">
            <SingleImage url={props.images[3]} index={0} />
          </span>
        </div>
      </section>
      <section className="w-full  h-[30%]">
        <SingleImage url={props.images[4]} index={0} />
      </section>
    </div>
  );
};

export default ImageGallery;