"use client";

import { useCartStore } from "@/app/store/cartStore";
import CartCard from "./CartCard";
import EmptyCart from "./EmptyCart";

const CartProducts = () => {
  // useEffect(() => {
  //   getProducts();
  // }, []);

  const { cart } = useCartStore();

  if (!cart?.length) return <EmptyCart />;

  return (
    <div className="relative space-y-5">
      {cart?.map((product) => (
        <CartCard product={product} key={product?.product.id} />
      ))}
    </div>
  );
};

export default CartProducts;