import useSWR from 'swr';
import { popupApi } from '../utils/api';

export const usePopup = (popupId) => {
  const { data, error, mutate } = useSWR(
    popupId ? ['/popups', popupId] : null,
    async () => {
      return popupApi.getPopup(popupId);
    },
  );

  return {
    popup: data?.data?.popup,
    onMutatePopup: mutate,
    loading: popupId ? !data && !error : false,
  };
};