import React, { createContext, useState, ReactNode } from 'react';

interface OnboardingTourProps {
  isOpen: boolean;
  setIsOpen:React.Dispatch<React.SetStateAction<boolean>>;
}

const OnboardingTourContext = createContext<OnboardingTourProps>({
  isOpen: true,
  setIsOpen: () => {},
});

const OnboardingTourProvider: React.FC<{children: ReactNode}> = ({ children }) => {
  const [isOpen, setIsOpen] = useState<boolean>(true);

  return (
    <OnboardingTourContext.Provider value={{ isOpen, setIsOpen }}>
      {children}
    </OnboardingTourContext.Provider>
  );
};

export { OnboardingTourContext, OnboardingTourProvider };