text: import React from "react";
  import { BrowserRouter as Router, Switch } from "react-router-dom";
  import AuthProvider from "contexts/auth";
  import CommonProvider from "contexts/common";
  import ProductsProvider from "contexts/products";
  import CartProvider from "contexts/cart";
  import CheckoutProvider from "contexts/checkout";
  import RouteWrapper from "layouts/RouteWrapper";
  import AuthLayout from "layouts/AuthLayout";
  import CommonLayout from "layouts/CommonLayout";
  import AuthPage from "pages/auth";
  import registation from "pages/regitation";
  import HomePage from "pages/home";
  import CheckoutPage from "pages/checkout";
  import "assets/scss/style.scss";
  
  const App = () => {
    return (
      <AuthProvider>
        <CommonProvider>
          <ProductsProvider>
            <CartProvider>
              <CheckoutProvider>
                <Router>
                  <Switch>
                    <RouteWrapper
                      path="/"
                      exact
                      component={HomePage}
                      layout={CommonLayout}
                    />
                    <RouteWrapper
                      path="/checkout"
                      component={CheckoutPage}
                      layout={CommonLayout}
                    />
                    <RouteWrapper
                      path="/auth"
                      component={AuthPage}
                      layout={AuthLayout}
                    />
                      <RouteWrapper
                      path="/registation"
                      component={registation}
                      layout={AuthLayout}
                    />
                  </Switch>
                </Router>
              </CheckoutProvider>
            </CartProvider>
          </ProductsProvider>
        </CommonProvider>
      </AuthProvider>
    );
  };
  
  export default App;
  