import { useCallback, useState } from 'react';


import { createContext, useContext } from "react";
import * as React from "react";



type UseQuestManagerResult = ReturnType<typeof useQuestsManager>;

const QuestContext = createContext<UseQuestManagerResult>({
  open: false,
  setQuestsOpen: () => { }
});

function useQuestsManager(initialOpen: boolean): {
  open: boolean;
  setQuestsOpen: (open: boolean) => void;
} {
  const [open, setOpen] = useState<boolean>(initialOpen);

  const setQuestsOpen = useCallback((questOpen: boolean) => {
    setOpen(questOpen);
    console.log(open);
    
  }, []);

  return { open, setQuestsOpen };
}

export const QuestsProvider: React.FunctionComponent<{
  initialOpen: boolean, children?: React.ReactNode
}> = ({ initialOpen, children }) => (
  <QuestContext.Provider value={useQuestsManager(initialOpen)}>
    {children}
  </QuestContext.Provider>
);

export const useQuestsOpen = (): boolean => {
  const { open } = useContext(QuestContext);
  return open;
};


export const useSetQuestOpen = (): UseQuestManagerResult["setQuestsOpen"] => {
  const { setQuestsOpen } = useContext(QuestContext);
  return setQuestsOpen;
}