import { getCart } from "@/core/utils/cart"
import { useQuery } from "react-query"
import _ from "lodash"
import CartApi from "../api/CartApi"

const useCart = () => {
  const cart = getCart()
  const variantIds = _.keys(cart).join(',')
  const fetchCart = async () => CartApi({ variantIds })
  const { data, isLoading } = useQuery('cart', fetchCart)

  return {
    cart: { data, isLoading }
  }
}

export default useCart