import * as React from 'react';

import type { IClientConfig } from '../base/clientConfig';
import type { IUser } from '../security';

export const VisynAppContext = React.createContext<{
  user: IUser | null;
  appName: JSX.Element | string;
  clientConfig: IClientConfig | null;
  successfulClientConfigInit: boolean;
  successfulSentryInit: boolean | 'skipped';
}>({
  user: null,
  appName: '',
  clientConfig: null,
  successfulClientConfigInit: false,
  successfulSentryInit: false,
});

export function useVisynAppContext() {
  const context = React.useContext(VisynAppContext);
  if (!context) {
    throw Error('VisynApp can only be used as child of VisynAppProvider.');
  }
  return context;
}