import { useQuery } from '@tanstack/vue-query'
import { unref } from 'vue'
import { getProductAttributesDetail } from '~/api/endpoints'

export const useGetProductAttributesDetail = (productId: MaybeRef<number>) => {
  return useQuery({
    queryKey: ['get-products-detail', productId],
    queryFn: () => getProductAttributesDetail(unref(productId)),
  })
}