import { useState , State } from "thorium-states";
import { TStoreContext , storeContext } from './store-context';

/** The line `const [ rootContextState , setRootContext ] = useState<TStoreContext>( new class
RootContext extends StoreContext{ */
const [ rootContextState , setRootContext ] = useState<TStoreContext>( storeContext().create( 'root-context' ) );

/**
 * The function `rootContextUpdate` displays an alert message when the value is updated.
 * @param value - The value parameter is the new value that will be used to update the root context.
 */
const rootContextUpdate = ( value:TStoreContext ) => {
  alert('value update')
  return value;
};

/** `rootContextState.subscribe( document.body , rootContextUpdate );` is subscribing the
`rootContextState` to changes and calling the `rootContextUpdate` function whenever the value of
`rootContextState` is updated. The `document.body` is passed as the first argument to specify the
target element to listen for changes. */
rootContextState.subscribe( document.body , rootContextUpdate );

/**
 * The function returns the value of the root context state.
 * @returns The value of the `rootContextState.value` variable is being returned.
 */
export const rootContext = () => { return rootContextState };