import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App.jsx";
import "./index.css";
import QueryProviders from "./lib/TanstackProvider.jsx";
import { ConfigProvider } from "antd";

createRoot(document.getElementById("root")).render(
  <StrictMode>
    <QueryProviders>
      <ConfigProvider
        theme={{
          token: {
            colorPrimary: '#3C5955',
          },
          components: {

            Menu: {
              itemBg: 'transparent', // Background for menu items
              itemSelectedBg: '#EB7750', // Background for active menu item
              itemSelectedColor: '#ffffff', // Text color for active menu item
              colorText: "#3C5955"
            },
            Layout: {
              siderBg: '#ffffff'
            },
            Button: {
              colorPrimary: '#EB7750',
              boxShadow: 'none'
            },
            Table: {
              colorText: "#3C5955", // Text color inside the table
              headerBg: "#E6DCD2", // Background color for table header
            },
            Pagination: {
              itemActiveBg: "#3C5955", // Active page background
              itemActiveColor: "#fff",
              colorPrimary: "#fff",
            },
          },
        }}
      >
        <App />
      </ConfigProvider>
    </QueryProviders>
  </StrictMode>
);
