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

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

  return { cart }
}

export default useCart