import React, { useContext } from 'react';
import { Config } from '~/utils';

const ConfigContext = React.createContext<Config | undefined>(undefined);

export function ConfigProvider({
  config,
  children,
}: {
  config?: Config;
  children: React.ReactNode;
}) {
  return <ConfigContext.Provider value={config}>{children}</ConfigContext.Provider>;
}

export function useConfig() {
  const config = useContext(ConfigContext);
  return config;
}