import {createContext, useContext, useState} from 'react';
import type {addIntegration} from '@sentry/react';

type Integration = Parameters<typeof addIntegration>[0];

type State = Record<string, Integration | undefined>;

const context = createContext<{
  setState: React.Dispatch<React.SetStateAction<State>>;
  state: State;
}>({
  setState: () => {},
  state: {},
});

export function AsyncSDKIntegrationContextProvider({
  children,
}: {
  children: React.ReactNode;
}) {
  const [state, setState] = useState<State>({});

  return <context.Provider value={{setState, state}}>{children}</context.Provider>;
}

export default function useAsyncSDKIntegrationStore() {
  return useContext(context);
}