import { Provider } from "react-redux";
import { RouterProvider } from "react-router-dom";
import "react-tooltip/dist/react-tooltip.css";
import { Toaster } from "sonner";
import store from "./app/store";
import LicenseActivationBanner from "./components/LicenseActivationBanner";
import { ThemeProvider } from "./components/theme-provider";
import "./index.css";
import router from "./routes/router";

const App = () => {
  return (
    <ThemeProvider defaultTheme="light" storageKey="cpbw-ui-theme">
      <LicenseActivationBanner />

      <Provider store={store}>
        <RouterProvider router={router} />
        <Toaster
          toastOptions={{
            style: {
              background: "var(--card)",
              color: "var(--card-foreground)",
              border: "1px solid var(--border)",
              fontSize: "15px",
              fontFamily: "var(--ino-default-font-family)",
              maxWidth: "280px",
            },
          }}
          position="top-right"
        />
      </Provider>
    </ThemeProvider>
  );
};
export default App;