"use client";

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import BackAnimatsiya from "../backAnimatsiya/backAnimatsiya";
import { Footer, Navbar } from "../layout";
import { PriceModal } from "../priceContact";
import { Analytics } from "@vercel/analytics/next";
import { ReactNode } from "react";
import { Bounce, Flip, ToastContainer, Zoom } from "react-toastify";

const queryClient = new QueryClient();

export function Providers({ children }: { children: ReactNode }) {
  return (
    <div>
      <QueryClientProvider client={queryClient}>
        <BackAnimatsiya />
        <Navbar />
        {children}
        <Footer />
        <PriceModal />
        <Analytics />
        <ToastContainer
          position="top-center"
          autoClose={3000}
          hideProgressBar={true}
          transition={Zoom}
          theme="colored"
        />
      </QueryClientProvider>
    </div>
  );
}