import * as React from 'react';
import createReactContext, { Context } from 'create-react-context';

export interface ConfigProviderProps {
  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
}

const ConfigContext: Context<ConfigProviderProps | null> = createReactContext({});

const ConfigProvider: React.SFC<ConfigProviderProps> = (props) => {
  const { getPopupContainer, children } = props;
  const config = {
    getPopupContainer,
  };

  return (
    <ConfigContext.Provider value={config}>
      {children}
    </ConfigContext.Provider>
  );
 }

 export const ConfigConsumer = ConfigContext.Consumer;

 export default ConfigProvider;