import StudioContext from '@/components/studio/StudioContext';
import { createContext, useContext } from '@/hooks/useContextSelector';

import CreateFormContext from '../../v2/CreateFormContext';

export const useStudioCreateContext = () => {
  const studioContext = useContext(StudioContext);
  const createContext = useContext(CreateFormContext);

  return {
    studio: studioContext,
    create: createContext,
  };
};

const StudioCreateContext = createContext<
  ReturnType<typeof useStudioCreateContext>
>(undefined as never);

export const StudioCreateContextProvider = ({
  children,
}: {
  children: React.ReactNode;
}) => {
  return (
    <StudioCreateContext.Provider value={useStudioCreateContext()}>
      {children}
    </StudioCreateContext.Provider>
  );
};

export default StudioCreateContext;