import heroBannerApi from '../api/heroBannerApi'
import { useQuery } from 'react-query'

const useHeroBanner = () => {
  const fetchHeroBanner = async () => await heroBannerApi()
  const { isLoading, data } = useQuery('heroBanner', fetchHeroBanner)

  return {
    heroBanners: { data, isLoading }
  }
}

export default useHeroBanner