1import { TooltipProvider, Loading } from '@marzneshin/components';
 2import { ThemeProvider } from '@marzneshin/features/theme-switch'
 3import { queryClient } from '@marzneshin/utils';
 4import { QueryClientProvider } from '@tanstack/react-query';
 5import { createRootRoute, Outlet } from '@tanstack/react-router'
 6import { Suspense } from 'react'
 7
 8export const Route = createRootRoute({
 9    component: () => (
10        <QueryClientProvider client={queryClient}>
11            <ThemeProvider defaultTheme="light" storageKey="ui-theme">
12                <TooltipProvider>
13                    <Suspense fallback={<Loading />}>
14                        <Outlet />
15                    </Suspense>
16                </TooltipProvider>
17            </ThemeProvider>
18        </QueryClientProvider>
19    ),
20})