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

createRoot(document.getElementById("root")!).render(
  // <StrictMode>
    <ConfigProvider
      theme={{
        token: {
          colorPrimary: "rgba(46, 166, 75, 0.8)",
          colorPrimaryHover: "rgba(46, 166, 75, 0.9)",
          colorBgLayout: "rgb(247, 248, 250)",
        },
        components: {
          Layout: {
            siderBg: "#fff",
          },
          Button: {
            // textHoverBg: "green",
            colorBorder: "rgba(0,0,0,0.5)",
            defaultActiveBorderColor: "rgba(0,0,0,0.5)",
            defaultBorderColor: "rgba(0,0,0,0.5)",
          },
          Input: {
            activeBorderColor: "rgba(46, 166, 75, 0.35)",
            activeShadow: "0 0 0 1px #2ea64b59,0 1px 2px #0000000f",
            hoverBorderColor: "rgba(46, 166, 75, 0.35)",
          },
        },
      }}
    >
      <App />
    </ConfigProvider>,
  // </StrictMode>,
);