"use client";
import Image from "next/image";

const CartModal = () => {
  const cartItems = true;

  return (
    <div>
      <div className="absolute p-4 rounded-md shadow-[0_3px_10px_rgb(0,0,0,0,2)] bg-white top-12 right-0 flex flex-col gap-6 z-20">
        {!cartItems ? <div>Cart is Empty</div> : 
        <div className="">
            <Image
            src="batch1/Mockup 134.png"
            alt=""
            width={72}
            height={96}
            className="object-contain rounded-md"
            />
            <div className="">
            {/* TOP */}
            <div>
                {/* TITLE */}
                <div className="">
                <h3>Product Name</h3>
                <div className="">$49</div>
                </div>
                {/* DESCRIPTION */}
                <div className="">
                    available
                </div>
            </div>
            {/* BOTTOM */}
            </div>
        </div>}
      </div>
    </div>
  );
};
