import QueryProvider from "./lib/ReactQueryProvider";
import { BrowserRouter } from "react-router-dom";
import { Tchildren } from "./types/App";
import ToastProvider from "./lib/ToastProvider";
import { ConfigProvider } from "antd";

function ProviderContainer({ children }: Tchildren) {
  const primaryColor = "#3182ce";
  const bgColor = "rgb(255, 255, 255)";

  return (
    <BrowserRouter basename="/">
      {/* <ReduxT> */}
      <QueryProvider>
        <ToastProvider>
          <ConfigProvider
            theme={{  
              token: {
                colorPrimary: primaryColor,
              },
              components: {
                Table: {
                  headerBg: bgColor,
                  headerColor: primaryColor,
                },
              },
            }}
          >
            {children}
          </ConfigProvider>
        </ToastProvider>
      </QueryProvider>
      {/* </ReduxT> */}
    </BrowserRouter>
  );
}

export default ProviderContainer;
