import React, { createContext } from 'react';
import zhCN from './locales/zh-CN';
import { History } from 'history';

type RouteProps = {
  path: string;
  parentPath?: string
}

type ConfigProviderContextProps = {
  local?: Record<string, string>;
  routes?: RouteProps[];
  history?: History;
  getPermissio?(): Record<string, boolean>;
  t?(k: string): string;
}

export const ConfigProviderContext = createContext<ConfigProviderContextProps>({});

interface IProps {
  local?: 'en' | 'zh-CN';
  routes?: RouteProps[];
  history?: History;
  getPermissio?(): Record<string, boolean>;
  t?(k: string): string;
}

const ConfigProvider: React.FC<IProps> = ({ children, getPermissio, history, t, routes }) => {

  window.t = t;
  
  return (
    <ConfigProviderContext.Provider value={{
      getPermissio,
      history,
      routes,
      t,
      local: zhCN
    }}>
      {children}
    </ConfigProviderContext.Provider>
  )
}

export default ConfigProvider;